Quantcast
Channel: HTML5
Viewing all articles
Browse latest Browse all 663

Video 和 Audio API

$
0
0

#第六届英特尔杯全国大学生软件创新大赛博客征集#

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

 

  • html5 environment
  • 图标图像: 

    附件: 

    http://software.intel.com/sites/default/files/blog/391223/video01.jpg
    http://software.intel.com/sites/default/files/blog/391223/video02.jpg

    Viewing all articles
    Browse latest Browse all 663


    <script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>