Video
1.音频视频发展史
早期:<embed>+<object>+文件
问题:不是所有浏览器都支持,而且embed不是标准。
现状:Realplay、window media、Quick Time 、Flash
问题:每个厂商每个标准,网站编码和格式也都不相同,flash的出现解决了面的问题,但是apple在07年决定任何设备将不再支持flash。
HTML5认为浏览器应该原生支持音视频,因为他们现在也是web中的一等公民了!
2.常见的视频格式
视频的组成部分:画面、音频、编码格式
视频编码:H.264、Theora、VP8(google开源)
音频编码:ACC、MP3 Vorbis
3. HTML5支持的格式
HTML5能在完全脱离插件的情况下播放音视频,但是不是所有格式都支持。
Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件,支持的浏览器:F、C、O
MPEG4=带有H.264视频编码+AAC音频编码的MPEG4文件,支持的浏览器: S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式,支持的浏览器: I、F、C、O
4. <Video>的使用
①<video src="文件地址"controls="controls"></video>
②< video src="文件地址"controls="controls">
您的浏览器暂不支持video标签。播放视频
</video >
③< video controls="controls" width="300“ >
<source src="move.ogg"type="video/ogg" >
<source src="move.mp4" type="video/mp4">
您的浏览器暂不支持video标签。播放视频
</video >
5. Video的常见属性
Muted 静音
Preload auto/metadata/none 加载/加载元数据/不加载
6. HTML5支持的音频格式:
Ogg 免费 支持的浏览器:C、F、O
MP3 收费 支持的浏览器: I、C、S
Wav 收费 支持的浏览器: F、O、S
Audio
1. <audio>的使用
① <audio src="文件地址"controls="controls"></audio>
② <audiosrc="文件地址"controls="controls">
您的浏览器暂不支持audio标签。播放视频
</ audio
③ <audio controls="controls" >
<source src="happy.MP3" >
<sourcesrc="happy.ogg" >
您的浏览器暂不支持audio标签。播放视频
</ audio>
2. audio的常见属性