HTML5-video and audio 音视频

``1 `bg

最早的音视频表现: <embed> ......</embed>

之后插件支持： silverlight 和 flash 三方插件播放音视频

video and audio tag支持：

测试音视频支持： www.youtube.com/html5

有些还是要用flash： 1， 许可内容的限制（版权保护较弱，可以另存拷贝之类的）； 2， 不能录制音视频（比如视频聊天类的应用）； 3， 自适应视频流表现较弱， MSE支持这一功能，已经在webkit537 与 webkit600上面实现； 4， 低延时， 高性能音频； 5， 动态创建 或编辑音频；

<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>

// 可以控制播放，暂停， 结束， 跳转到某个位置，调节音量 等

<video src="rubber.mp4" width="400", height="300" poster="swiss_alps.jpg" controls preload="metadata" audoplay loop> </video>

// 可以控制播放，暂停， 结束， 跳转到某个位置，调节音量 等

<video controls width="700" height="400" >
<source src="beach.mp4" type="video/mp4">
<source src="beach.ogv" type="video/ogg">
</video>

格式之争 与 后备措施：

格式之争：

mp3--->>.mp3

wav---->.wav

h.264---->>mp4

ogg theora --->>.ogv

webm-->>.webm

MIME类型： 内容类型；

网页的MIME类型是 : text/html

编码媒体文件：

音频编码器：

wav 音频编辑器audacity: http://audacity.sourceforge.net 免费的编辑器， mac与 windows版本

mp3 编辑器： lame mp3编辑器， http://lame。buanzo.com.ar 免费

goldwave编辑器： Http://www.goldwave.com 象征性收费；

miro video converter： 自由开源的程序 有windows 和 Mac OS X版本，

可以将视频文件转换成 webm， theora 或者 h。264

Firefogg: 这是一个针对Firefox插件 http://firefogg.org ， 可以创作theora 或 webm视频文件；

HandBrake: 这是一个开源，多平台的软件， http://handbrake.fr , 能把多种格式 转换为 h.264(及 其他几种最新的格式)

Zencoder: 这是一个专业， 能与你的网站 集成的 媒体编码服务器， http://zencoder.com
Youtube:

视频内容不能超过15分钟， 可以上传视频， 选择格式， youtube将其重新编码成他支持的格式。

如何上传视频到youtube： http://upload.youtube.com/my_videos_upload
javascript 媒体播放器：

videoJS： http://videojs.com
jplayer: http://www.jplayer.org
字幕 与 无障碍性：

HTML5建议了一个<track> 元素， 指向一个外部字幕文件， 可以是WebSRT格式， 或者WebVTT格式，

videoSub这个 javascript库： http://www.storiesinflight.com/js_videosub/
leanback player: http://dev.mennerich.-name/showroom/html5_video
<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>

// 可以控制播放，暂停， 结束， 跳转到某个位置，调节音量 等