免費(fèi)AI編程助手
HTML 媒體(Media)
HTML 多媒體
Web 上的多媒體指的是音效、音樂(lè)、視頻和動(dòng)畫(huà)。
現(xiàn)代網(wǎng)絡(luò)瀏覽器已支持很多多媒體格式。
什么是多媒體？
多媒體來(lái)自多種不同的格式。它可以是您聽(tīng)到或看到的任何內(nèi)容，文字、圖片、音樂(lè)、音效、錄音、電影、動(dòng)畫(huà)等等。
在因特網(wǎng)上，您會(huì)經(jīng)常發(fā)現(xiàn)嵌入網(wǎng)頁(yè)中的多媒體元素，現(xiàn)代瀏覽器已支持多種多媒體格式。
在本教程中，您將了解到不同的多媒體格式，以及如何在您的網(wǎng)頁(yè)中使用它們。
瀏覽器支持
第一款因特網(wǎng)瀏覽器只支持文本，而且即使是對(duì)文本的支持也僅限于單一字體和單一顏色。隨后誕生了支持顏色、字體和文本樣式的瀏覽器，圖片支持也被加入。
不同的瀏覽器以不同的方式處理對(duì)音效、動(dòng)畫(huà)和視頻的支持。某些元素能夠以內(nèi)聯(lián)的方式處理，而某些則需要額外的插件。
您將在下面的章節(jié)學(xué)習(xí)更多有關(guān)插件的知識(shí)。
多媒體格式
格式 多媒體元素（比如視頻和音頻）存儲(chǔ)于媒體文件中。
確定媒體類型的最常用的方法是查看文件擴(kuò)展名。當(dāng)瀏覽器得到文件擴(kuò)展名 .htm 或 .html 時(shí)，它會(huì)假定該文件是 HTML 頁(yè)面。.xml 擴(kuò)展名指示 XML 文件，而 .css 擴(kuò)展名指示樣式表。圖片格式則通過(guò) .gif 或 .jpg 來(lái)識(shí)別。
多媒體元素也擁有帶有不同擴(kuò)展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4。
視頻格式
|
MP4是互聯(lián)網(wǎng)推出新的視頻格式。
YouTube 推薦使用 MP4 。 Flash Players 支持 MP4 HTML5 支持 MP4。 |
| 格式 | 文件 | 描述 |
|---|---|---|
| AVI | .avi | AVI (Audio Video Interleave) 格式是由微軟開(kāi)發(fā)的。所有運(yùn)行 Windows 的計(jì)算機(jī)都支持 AVI 格式。它是因特網(wǎng)上很常見(jiàn)的格式，但非 Windows 計(jì)算機(jī)并不總是能夠播放。 |
| WMV | .wmv | Windows Media 格式是由微軟開(kāi)發(fā)的。Windows Media 在因特網(wǎng)上很常見(jiàn)，但是如果未安裝額外的（免費(fèi)）組件，就無(wú)法播放 Windows Media 電影。一些后期的 Windows Media 電影在所有非 Windows 計(jì)算機(jī)上都無(wú)法播放，因?yàn)闆](méi)有合適的播放器。 |
| MPEG |
|
MPEG (Moving Pictures Expert Group) 格式是因特網(wǎng)上最流行的格式。它是跨平臺(tái)的，得到了所有最流行的瀏覽器的支持。 |
| QuickTime | .mov | QuickTime 格式是由蘋(píng)果公司開(kāi)發(fā)的。QuickTime 是因特網(wǎng)上常見(jiàn)的格式，但是 QuickTime 電影不能在沒(méi)有安裝額外的（免費(fèi)）組件的 Windows 計(jì)算機(jī)上播放。 |
| RealVideo |
|
RealVideo 格式是由 Real Media 針對(duì)因特網(wǎng)開(kāi)發(fā)的。該格式允許低帶寬條件下（在線視頻、網(wǎng)絡(luò)電視）的視頻流。由于是低帶寬優(yōu)先的，質(zhì)量常會(huì)降低。 |
| Flash |
|
Flash (Shockwave) 格式是由 Macromedia 開(kāi)發(fā)的。Shockwave 格式需要額外的組件來(lái)播放。但是該組件會(huì)預(yù)裝到 Firefox 或 IE 之類的瀏覽器上。 |
| Mpeg-4 | .mp4 | Mpeg-4 (with H.264 video compression) 是一種針對(duì)因特網(wǎng)的新格式。事實(shí)上，YouTube 推薦使用 MP4。YouTube 接收多種格式，然后全部轉(zhuǎn)換為 .flv 或 .mp4 以供分發(fā)。越來(lái)越多的視頻發(fā)布者轉(zhuǎn)到 MP4，將其作為 Flash 播放器和 HTML5 的因特網(wǎng)共享格式。 |
|
最新的 HTML5 標(biāo)準(zhǔn)只支持 MP4, WebM, 和 Ogg 視頻格式。 |
|---|
聲音格式
MP3是一種音頻壓縮技術(shù)，其全稱是動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面3（Moving Picture Experts Group Audio Layer III），簡(jiǎn)稱為MP3。它被設(shè)計(jì)用來(lái)大幅度地降低音頻數(shù)據(jù)量。如果你的站點(diǎn)是音樂(lè)類型的，你可以選擇mp3格式。
| 格式 | 文件 | 描述 |
|---|---|---|
| MIDI |
|
MIDI (Musical Instrument Digital Interface) 是一種針對(duì)電子音樂(lè)設(shè)備（比如合成器和聲卡）的格式。MIDI 文件不含有聲音，但包含可被電子產(chǎn)品（比如聲卡）播放的數(shù)字音樂(lè)指令。 因?yàn)?MIDI 格式僅包含指令，所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小，但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺(tái)上的大量軟件的支持。大多數(shù)流行的網(wǎng)絡(luò)瀏覽器都支持 MIDI。 |
| RealAudio |
|
RealAudio 格式是由 Real Media 針對(duì)因特網(wǎng)開(kāi)發(fā)的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流（在線音樂(lè)、網(wǎng)絡(luò)音樂(lè)）。由于是低帶寬優(yōu)先的，質(zhì)量常會(huì)降低。 |
| Wave | .wav | Wave (waveform) 格式是由 IBM 和微軟開(kāi)發(fā)的。所有運(yùn)行 Windows 的計(jì)算機(jī)和所有網(wǎng)絡(luò)瀏覽器（除了 Google Chrome）都支持它。 |
| WMA | .wma | WMA 格式 (Windows Media Audio)，質(zhì)量?jī)?yōu)于 MP3，兼容大多數(shù)播放器，除了 iPod。WMA 文件可作為連續(xù)的數(shù)據(jù)流來(lái)傳輸，這使它對(duì)于網(wǎng)絡(luò)電臺(tái)或在線音樂(lè)很實(shí)用。 |
| MP3 |
|
MP3 文件實(shí)際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運(yùn)動(dòng)圖像專家組開(kāi)發(fā)的。MP3 是其中最受歡迎的針對(duì)音樂(lè)的聲音格式。期待未來(lái)的軟件系統(tǒng)都支持它。 |
|
|
HTML5 的最新標(biāo)準(zhǔn)支持 MP3, WAV, 和 Ogg 音頻格式。 |
|---|
更多建議：