通常在網(wǎng)頁(yè)中看到的多媒體有聲音，音樂(lè)，視頻，電影和動(dòng)畫；可以看到基本就是音頻和視頻兩大類。
多媒體格式
來(lái)了解一下常用的音頻和視頻格式，以及 HMLT5 支持的格式。
常見(jiàn)視頻格式
MPEG：.mpg, .mpeg，在網(wǎng)站上最流行的視頻格式，如今 HTML 不再支持。
AVI: .avi，Audio Video Interleav。微軟開(kāi)發(fā)，在 Windows 電腦上能播放，但不是在瀏覽器里。
WMV: .wmv，Windows Media Video，微軟開(kāi)發(fā)，和上面的 AVI 一樣在 Windows 電腦上能播放，但不是在瀏覽器里。
QuickTime: .mov，蘋果開(kāi)發(fā)，在蘋果電腦上能播放，但不是在瀏覽器里。
Flash: .swf, .flv，在瀏覽器里播放需要額外的插件支持。
Ogg: .ogg，Theora Ogg，HTML 支持。
WebM: .webm， HTML 支持。
MPEG-4 或 MP4：.mp4，所有的瀏覽器都支持，Youtube 推薦使用。
?? 標(biāo)準(zhǔn) HTML 只支持 MP4, WebM 和 Ogg 視頻。
常見(jiàn)音頻格式
MIDI：.mid, midi, Musical Instrument Digital Interface，所有的電腦上能播放，但不是在瀏覽器里。
RealAudio: .rm, .ram，不能在瀏覽器播放。
WMA: .wma，微軟開(kāi)發(fā)，在 Windows 電腦上能播放，但不是在瀏覽器里。
AAC: .aac，蘋果開(kāi)發(fā)，在蘋果電腦上能播放，但不是在瀏覽器里。
WAV: .wav，由微軟和 IBM 共同開(kāi)發(fā)，HTML 支持。
Ogg: .ogg，HTML 支持。
MP3: .mp3，所有的瀏覽器都支持。
MP4: .mp4，MP4 是視頻格式，但也可以用于音頻，所有的瀏覽器都支持。
?? 標(biāo)準(zhǔn) HTML 只支持 MP3, WAV 和 Ogg 音頻。
Audio
如果想在 HMLT5 中播放音頻，可以使用 audio 元素。
<audio controls> <source src="../audio/3-4-1.mp3" type="audio/mp3" /> </audio>
這里的 type 可以有如下值：
MP3: audio/mpeg
Ogg: audio/ogg
Wav: audio/wav
Video
HTML5 支持視頻，但到目前為止，還不存在網(wǎng)頁(yè)顯示視頻的標(biāo)準(zhǔn)。
<video width="320" height="240" controls> <source src="../video/3-4-1.mp4" type="video/mp4" /> </video>
視頻的類型支持的如下：
MP4: video/mp4
WebM: ideo/webm
Ogg: video/ogg
為視頻添加字母
<video width="320" height="240" controls> <video controls src="/video/3-4-2.mp4"> <track default kind="captions" srclang="en" src="/video/3-4-2.vtt" /> </video> </video>
上面示例里使用了 track 標(biāo)簽，在它的 src 里指定了文件類型為 vtt 格式的文件，這是視頻文件的字幕文件。
總結(jié)
?? HTML5 支持音頻和視頻的呈現(xiàn)，分別使用元素 audio 和 video。
?? 音頻和視頻的文件格式有很多，但不是所有的 HTML 都支持。
?? 視頻 video 標(biāo)簽可以通過(guò) track 標(biāo)簽指定字幕。
該文章在 2024/10/22 12:30:45 編輯過(guò)
400 186 1886
