速成课程:HTML 5视频

所以你想添加HTML 5视频到你的网站?这是如何。

如果你想在你的电脑上观看互联网传输的视频,绝大多数的网站已经确定了一种单一的、一致的方式来做到这一点。这是好消息。坏消息是,这个单一的、一致的交付系统是Adobe Flash安全性和稳定性问题

但是现在有一种新的方式通过a传输视频浏览器有一个本来是浏览器本身的:HTML 5的

HTML 5之前的在线视频

你可以用一本相当大的书来讲述曾经被用于传输网络视频的所有格式:微软的。avi和。wmv容器格式和他们一起交付的一组编解码器,苹果的QuickTime, RealNetworks的RealVideo和RealAudio格式,等等。微软的Silverlight也值得一提,因为它允许Netflix等提供商发布内置拷贝保护的内容——只要视频内容还在转手,这个功能就不太可能失去需求。

然而,目前部署最广泛的视频传输系统是Adobe的Flash。

Flash Player过去是,现在仍然是少数几个几乎每个人都可能拥有的浏览器插件之一。由于越来越多的网页内容普遍依赖于Flash, mac和pc上的浏览器通常都默认支持Flash。Flash最初的目的是把基于矢量的动画带到网络上,但它却成为了视频传输系统的副产品。

但是Flash作为一种视频传输系统也有问题。这是专有的。它需要使用第三方代码,而不是浏览器本身的代码。它也因此受到了严厉的批评缺乏安全保障不稳定。这样的例子不胜枚举。这是一个解决方案,在人们一直渴望解决方案的时候。

你好,

第一个建议对于

无论如何,这只是理论。而实践则完全是另一回事。

编解码器的难题

当HTML 5草案规范中第一次提出

原来的计划包括详细说明还在视频Vorbis音频编解码器作为所有浏览器都应该能够播放的基准,但这确实是下降了赞成一种方法,没有具体的编解码器的建议。相反,WHATWG表达了对一个编解码器的渴望,可以在一个无阻碍的方式中使用,并有一个更好的保证的专利赔偿比Theora/Vorbis提供的时间。

的变化引发了批评在开发人员中,可能是一个激励因素谷歌提供的VP8编解码器作为另一个基线编解码器候选。

最后,以下三种编解码器成为了支持

h .微软和苹果一直是H.264编解码器家族的主要支持者,该家族已经被广泛实现和支持——不仅在Web上,而且在相机、蓝光光盘和许多其他需要强大、高效压缩的媒体上。

关于H.264的争议并不在于技术本身,而是许可证问题。H.264的使用受MPEG LA组该公司根据H.264的预期用途,对其收取浮动费率。也就是说,Web上的绝大多数终端用户可能永远不会为使用H.264支付任何费用,原因有几个。

首先,一旦获得表示在接下来的5年里,它将不收取免费提供给终端用户的H.264网络流的版权费。

其次,在您处理付费内容的情况下,使用费用很可能已经由其他人承担了。例如,如果你在Windows中编码一些内容,然后将其以按次观看付费的形式上传到YouTube上,那么你就不用为使用H.264支付任何许可费,因为(在本例中)微软和谷歌已经承担了任何可能产生的费用。

关于这个问题的更多信息,ZDNet的Ed Bott已经解释了H.264授权费的工作原理以及为什么在当前网络播放的免费流媒体条款将在几年后进行修订时,突然提高授权费用不是MPEG LA的兴趣所在。Florian Mueller的分析同样有趣的是——他从软件专利反对者的角度研究了MPEG LA的许可条款,注意到MPEG LA的许可制度,虽然不是一个理想的安排,但在软件专利存在并且必须被承认的世界中确实起到了有用的作用。

也就是说,像Mozilla这样的公司并不放心——比如,据Mozilla公司负责工程的副总裁Mike Shaver说不够灵活为自由软件制定可靠的例外。Mozilla已经选择在其Firefox浏览器中直接支持Theora/Vorbis(并且将在4.0版本中支持WebM),并且没有计划增加本地H.264支持。

还在自由软件的支持者提倡开放的Theora视频格式(与它匹配的音频编解码器),它不需要任何授权费用,并有立即可用的实现。但是Theora在很多方面受到了批评:它在技术上不如其他编解码器先进;格式中编码的材料不多,所以当前的视频必须重新编码;Theora的专利地位可能是面临未来的法律挑战(史蒂夫•乔布斯(Steve Jobs)有暗示)。

VP8VP8是Theora编解码器家族的一个更先进的版本(他们有共同的祖先),由On2技术开发,也创造了Flash的一个视频编解码器。此后,谷歌直接收购了On2,而现在谷歌拥有VP8的专利,它允许在“the”的名义下无限制地使用这个编解码器,而无需支付许可费WebM项目(WebM是谷歌的名字为VP8视频加上Vorbis音频。)

这使得VP8听起来是确定无疑的,但是存在两个问题。首先,对于规范的完善程度存在严重的问题——这个因素对使用VP8直接拍摄视频的硬件设备有着严重的影响。如果VP8将不断变化,那么用VP8拍摄视频的相机将需要固件升级(并有其制造商发布的更新),以使用更新、性能更好的编解码器版本。

与H.264相比,VP8的质量和压缩效率是另一个问题。一项分析格雷泽(Jason Garrett-Glaser)的作品FFmpeg项目这使得VP8的质量可以与H.264的“基线”标准相媲美——换句话说,不错,但还不够好,而且H.264在某些方面遥遥领先。他还认为VP8的规范过于依赖谷歌提供的代码片段。标准的大多数规范(如

如何添加HTML 5到你的网站

您选择的作为缺省启动的编解码器至少应该部分地由大多数访问者运行的浏览器决定。Mark Pilgrim对HTML 5网站的深入有一个详细的解剖它还包含了一个简单的图表,描述了当前和下一代浏览器将支持什么。Chrome遥遥领先:即将推出的Chrome 6将支持所有三大编解码器。如前所述,Firefox将在即将发布的4.0版本中支持WebM,在3.5及以上版本中支持Theora,但不支持H.264。最新的ie9平台预览版可以原装播放H.264;对其他编解码器的支持很可能只能作为附加组件提供。

所以,如果您计划添加HTML 5 <视频>支持您的网站,什么是最好的方法,以打破这个难题的标准?现在,唯一可行的长期解决方案是通过以下方式来对冲你的赌注:

1.至少用两种不同的格式对视频进行编码,其中Flash是一种通用的最坏情况下的备用格式。

2.将

3.不知疲倦地测试您的站点——不仅使用多种浏览器,而且使用不同版本的浏览器,并在尽可能多的不同平台上测试:桌面、笔记本电脑、智能手机等。

转换工具

假设您已经决定了在HTML 5中使用哪些编解码器来运行视频,然后必须将视频转换为该格式。有几种可用的工具。

h .工具

因为H.264已经是一个广泛使用的标准,所以不管你有什么专业级别的视频创建程序(比如Adobe Premiere或QuickTime Pro),都支持以这种格式导出。也就是说,还有几种开源/免费的H.264编码器可用。例如,ffdshow库,为Windows打包为ffdshow选拔赛编解码器包,或独立程序手煞车Avidemux

注意,使用这些工具必须符合H.264的许可要求。使用H.264的开源实现并不能免除这些问题。一般来说,如果你是通过一个已经有许可协议的提供商(比如YouTube)重新托管视频,或者你不是在创建视频。”在哪里分配了业权报酬,“你什么都不用付。但是您仍然需要与MPEG LA签署许可协议才能使用H.264,或者将您的内容托管给已经拥有该协议的第三方提供商。

Theora工具

按照Theora免费开放的承诺,创建Theora视频的工具可以在多个平台上免费使用。

一个有趣的地方是Firefogg扩展对于Firefox来说,它可以让你使用Firefox 3.5或更高版本作为Theora视频转换器的前端。输入一个视频文件,设置几个基本选项,单击Save,转换就会在浏览器中进行。需要注意的是,这个程序对你提供的文件格式很挑剔:来自我的数码相机的.mov文件必须先转换成.avi才能使用。Firefogg还以便利换取了强大的功能:它使用简单,但一次只能转换一个文件。

一个更强大但不太方便的工具是ffmpeg2theora命令行编码器效用。它的强大之处在于它给了你对编码参数的完全控制,不太方便的是你必须提供一大堆开关来运行程序。您最好使用某种类型的前端,例如Theora转换器,它允许对文件进行批处理,并一眼就能看到最重要的选项(但要注意——它仍处于alpha阶段)。上述手闸还出口到特奥拉。

最后,如果您使用通过DirectShow过滤器导出的程序,xi博士org有一个DirectShow的Theora过滤器在32位和64位实现中。

WebM工具

因为WebM仍然是非常新的——特别是在它目前的免许可证的版本中——所以它的工具集没有Theora或H.264那么完善。WebM项目的Web站点只列出列表一些基本工具,包括一个用于Windows的DirectShow过滤器和一个名为makeWebm的独立命令行编码器。WebM还需要进一步改进和改进,认识到这一点很重要,因此随着WebM本身的改变,这些工具也可能会得到改进。

(顺便说一下,刚刚Firefox 4.0测试版1支持WebM回放。你自己试试吧:去www.youtube.com/html5,点击“加入HTML5 Beta”,并在任何搜索中添加“&webm=1”来寻找网络编码的视频。)

使用

抛开编解码器不说,在HTML 5中使用视频最重要的一点是< video >标签本身的构造。在一个完美的世界里,你只需要指向有问题的视频流,就像这样:

<视频SRC = "视频。mov " / >

12 第1页
第1页共2页
工资调查:结果在