#第六届英特尔杯全国大学生软件创新大赛博客征集#
Video 和 Audio API概述
¦视频容器和编解码器
音频文件和视频文件其实都是一个容器文件。视频容器包含音频轨道、视频轨道和一些元数据,播放时,音频轨道和视频轨道绑定在一起,元数据指视频的封面、标题、字幕等信息。
音频和视频的编解码器是一组算法,用来解码和编码(原始媒体文件非常大,编码后会变得很小,利于在internet上传播)。
¦目前video的元素所支持的三种视频格式:
格式 | IE | Firefox | Opera | Chrome | Safari |
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
¦目前audio的元素所支持的三种视频格式:
IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 | |
Ogg Vorbis | √ | √ | √ | ||
MP3 | √ | √ | √ | ||
Wav | √ | √ | √ |
Audio和Video API
¦video的使用
<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
control 属性供添加播放、暂停和音量控件。
¦audio的使用
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
作者
¦学校:北京航天航空大学
¦姓名:彭伟
¦E-mail:786800158@qq.com
¦新浪微博:Way-彭伟 http://weibo.com/pengway
¦微信号:w786800158
图标图像:
![](http://software.intel.com/sites/default/files/default_images/search_publish_icon.jpg)