Video&Audio

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的常见属性