-->
Save your FREE seat for 流媒体 Connect in November. 现在注册!

什么是HTML5?

这是我们正在进行的系列文章的一部分 "What Is...?”文章, 旨在提供定义, history, and context around significant terms and issues in the online video industry.

执行概要

随着苹果决定放弃Flash并使用HTML5技术向iPad传送视频,HTML5迅速蹿升至风口. HTML5的实际使用情况, however, has been slowed by low HTML5-compatible browser penetration, 需要将视频编码为两种或三种格式以完全兼容HTML5, 以及缺乏与Flash相同的功能, the predominant plug-in based technology for viewing video on the web.

HTML5 needs to be on the radar screen of all streaming media producers, 但在撰写本文时,转向HTML5似乎并不是短期的优先事项.

HTML5规范

HTML代表超文本标记语言, and HTML is the primary language used to produce most web sites. HTML is a standard maintained by the World Wide Web Consortium (WC3), 一个包括浏览器开发者和其他感兴趣的科技公司的组织. HTML5 is the latest iteration of HTML to be introduced by the WC3.

2004年,一个名为the HTML工作组(HTMLWG) 是由苹果公司的员工组成的, Mozilla基金会, 及Opera软件, 因为这些公司“越来越关注W3C在XHTML方面的方向”, 对HTML缺乏兴趣, and apparent disregard for the needs of real-world authors.后来,w3c认可了HTMLWG,并要求它提供(在其他可交付成果中):

  1. 从HTML4演变而来的一种语言,用于描述万维网上文档和应用程序的语义. This will be a complete specification, not a delta specification.
  2. The Group will create a comprehensive test suite for the HTML specification.

在某种程度上,这种双重控制导致了HTML5的两种规范(例如, HTML 5的两个规范.问:什么是WG vs W3C ?)或至少具有两种规格的外观. 下面是WHATWG FAQ的解释.

发生争议时,哪一组有权力?

编辑将每个人的反馈都考虑进去,而不是为了技术论据而查看这些论据的来源.

W3C HTML工作组有一个升级过程,在某些情况下会导致做出的决定与编者对某个主题的原始决定不同. So far, whenever this has happened the WHATWG has gone along with the W3C's request; nothing of especially big importance has been changed in this manner so far (it's mostly been editorial issues or mostly minor technical issues). 一般来说,只要W3C小组没有出现任何严重的判断失误,WHATWG就会确保规范的规范内容(对作者和实现者的要求)保持不变.

2011年1月18日,W3C公布了HTML5标志(Figure 1),并附有 t恤和贴纸, 2011年2月14日,W3C 宣布 HTML5将在2014年年中完成.

HTML5的标志

Figure 1.  HTML5 logo.

相反,在2011年1月11日,WHATWG在一篇题为“HTML是新的HTML5”的博客文章中 宣布 他们正在转向一种“新的开发模式”,消除HTML5版本号,使现有的HTMLWG规范成为一种“生活标准”.” Ian Hickson, editor of both the WC3 and WHATWG standards, commented:

Since the W3C is still focused on getting HTML5 to last call, 我将维护一个WHATWG的HTML规范副本,与W3C HTML WG正在开发的内容相匹配:

http://www.whatwg.org/specs/web-apps/html5/

我已经更新了FAQ中对现有规格的解释, in case you want to get an overview (it's getting somewhat complicated!):

http://wiki.whatwg.org/wiki/FAQ#What_are_the_various_versions_of_the_spec.3F

所以,从WHATWG的角度来看,HTML5已经死了,但你可以在ww3上买一件HTML5 t恤. 尽管如此复杂, 该规范的war3和WHATWG版本在如何处理视频标签方面是一致的, 讨论了下. 为了清晰起见,我们将在本文中继续将规范称为HTML5.

HTML5视频标签

HTML5是一个广泛的规范,具有许多新特性和功能. 从流媒体的角度来看, however, HTML5特别有趣的地方在于,它包含一个视频标签,使浏览器能够在页面内本地播放视频, 不需要像Flash这样的插件, Silverlight, 和QuickTime. 当苹果在2010年初推出不支持Flash的iPad时,这一特殊的问题就出现了, 视频播放通过HTML5完成.

要支持此特性, however, 浏览器供应商必须在他们的浏览器中直接实现编解码器回放功能. 最初, there were two video codecs being considered for use in HTML5: Ogg Theora, 它是开源的, and H.264 .它承担版税义务. 虽然该规范的最初目标是指定一种可以在所有浏览器上工作的视频编解码器, 这个目标被证明是无法实现的. 这是2009年6月29日伊恩·希克森的话 post 到WHATWG消息列表:

经过无数次的讨论, 无论是在公共场合还是私下, on the situation regarding codecs for

因此,我删除了HTML5规范中需要编解码器的两个小节, 而不是让事情没有定义, as has in the past been done with other features like and image formats, and plugin APIs, 或网页字体和字体格式.

目前的情况如下:

  • 苹果拒绝在Quicktime中默认实现Ogg Theora(就像Safari使用的那样), citing lack of hardware support and an uncertain patent  landscape.

  • 谷歌已经实现了H.264和Ogg Theora在Chrome中,但不能提供H.264 codec license to third-party distributors of Chromium, 并表示相信Ogg Theora的每比特质量还不适合YouTube处理的音量.

  • Opera拒绝实现H.264, citing the obscene cost of the relevant patent licenses.

  • Mozilla拒绝实现H.264,因为他们将无法获得覆盖其下游分销商的许可证.

  • 微软 has not commented on their intent to support

Since then, Google bought On2 and open sourced the VP8 codec as WebM, which has been implemented in Google Chrome ( version 6.0+)和Opera浏览器(版本10).6+),并将在Mozilla Firefox 4中得到支持.0 when it ships (and is currently available in the beta).  谷歌也宣布了他们的意图 drop H.Chrome支持264.

Safari没有实现除H之外的任何编解码器.264. 微软实现H.但后来声明 如果用户在Windows上安装了VP8编解码器,他们的新浏览器将支持VP8视频.”

While there is no single HTML5 codec that will work in all browsers, 通过使用替代标记,如 Figure 2,  websites can fully support all HTML5-compatible browsers.

Jilion的HTML5实现

Figure 2. Jilion uses multiple tags and files to fully support HTML5.

应该注意的是,这些编解码器的一些限制可以通过可下载的插件来避免. 例如,2011年1月14日, 谷歌承诺将发布一些插件,使Safari和Internet Explorer 9能够支持WebM via the HTML standard

专利巨魔的入侵

与此同时,Ogg Theora和WebM都出现了专利侵权问题. By way of background, MPEG LA manages the patent pool for H.264和许多其他技术. In an 在2010年3月4日的流媒体采访中,MPEG LA首席执行官拉里·霍恩评论道 “市场上的任何人都不应该有这样的错误印象,即Theora等其他编解码器是免专利的. 几乎所有的编解码器都基于专利技术, 许多基本专利可能与AVC/H的基本专利相同.264. 因此, 用户应该意识到,使用他人开发的这些技术可能需要许可和支付适用的版税, too.”

2010年4月,当 史蒂夫·乔布斯被问到为什么苹果使用H.264而不是Ogg Theora, he reportedly replied “All video codecs are covered by patents. 现在正在组建一个专利池来追逐Theora和其他“开源”编解码器. 不幸的是, 仅仅因为某些东西是开源的, it doesn’t mean or guarantee that it doesn’t infringe on others patents.”

MPEG-LA never took any formal action against Ogg Theora, 很可能是因为它在很大程度上被WebM所取代. 然而,关于WebM, 微软将其不直接在ie9中实现WebM的决定归因于此 谷歌拒绝赔偿, 或者支付专利侵权的费用, should 微软 get sued patent infringement for using WebM:

例如, 谷歌会赔偿Mozilla吗, a PC OEM, a school, 网站, 芯片制造商, 设备公司, 或个人使用WebM? 他们会赔偿苹果吗? 微软? Will they indemnify any or all of these parties worldwide? 如果谷歌真的有信心这项技术不会侵权,也不会受到任何专利的阻碍, 这个赔偿不是很容易吗?

2011年2月10日, MPEG-LA呼吁获得对WebM至关重要的专利, which could lead to royalties for anyone using the technology. 3月4日 《欧洲杯在线投注赔率》 报道称, 司法部正在调查MPEG-LA 以确定它是否“不公平地试图扼杀谷歌公司支持的免费在线视频技术竞争对手”."

公平地说,许可H.264 with MPEG-LA doesn’t guarantee that third parties not included in the H.264专利池不会对使用H的公司主张知识产权.264,带AVC/H.264常见问题说明“不保证或不能保证本许可证包括所有必要专利。.“然而, 此时此刻, WebM的用户比H的用户遭受第三方版税索赔的风险似乎要大得多.264

使用HTML5:实际问题

以此为背景,让我们研究一些与使用HTML5相关的实际问题.

兼容html5的浏览器渗透率

根据NetMarketShare的数据, 截至3月, 2011, the percentage of HTML5-compatible browsers was well under 46%. 这显示在 Figure 3, where three of the top four browsers were older versions of Internet Explorer, 占总数的54%, 不兼容HTML5. 从市场份额来看,排名前30位的浏览器中有40%是HTML5兼容的, 59%的人没有.

html5兼容浏览器的市场份额

Figure 3. 截至2011年3月的浏览器使用统计.

现在 Internet Explorer 9的候选版本 航运方面,你认为这些数字在接下来的12个月里会发生巨大的变化吗. 另一方面,NetMarketShare也报告说Windows XP用户占55%.IE9占所有操作系统安装基数的0.09%,而且IE9无法在Windows XP上运行. 当然,这些旧版本ie的用户可以安装其他HTML5兼容的浏览器, but they could have long before Internet Explorer 9 launched, 大多数人都没有. 我们不得不假设这些桌面用户并不关心HTML5, 是被封锁的公司吗, 政府或教育桌面, or both.

请注意,如果可用,可以创建HTML5语法,首先使用HTML5显示视频, 然后又回到闪电侠身上, 用于遗留浏览器的Silverlight或其他插件. 这种方法对于大多数简单的、窗口中的视频、回放应用程序来说应该是有效的. However, 作为一项新技术, HTML5并没有提供Flash或Silverlight等替代平台所具备的许多功能, 至少没有得到证实, 跨浏览器兼容表单.

HTML5功能缺陷

例如,尽管 YouTube推出了HTML5播放器 since January, 2010, YouTube still defaults to the Flash Player. 2010年6月29日,YouTube在视频中解释了原因 YouTube API博客该公司表示,视频标签目前还不能满足YouTube的所有需求. Areas that needed work included the lack of a standard video format, 强大的视频流, 内容保护, 封装和嵌入, 全屏视频 ,以及摄像头和麦克风的访问权限.

As the YouTube blog states, progress is being made in many areas. 例如, Wowza媒体系统 (图4) 预览了Wowza Media Server的一个版本,它可以用WebM直播HTML5视频, though it requires a WebM compatible browser for playback. Anevia 也在播放一个基于webm的直播, 自适应流解决方案, 不过这也需要兼容webm的浏览器. Flumotion 也实现了直播与WebM.

Wowza的Live HTML5视频演示

Figure 4. Wowza Media Server streaming live WebM video to WebM compatible browsers.

在第二届 W3C网络和电视研讨会, 于2011年2月在柏林举行, there were sessions  on HTTP Adaptive Streaming and 内容保护, 尽管标准尚未被提出或修改, indicating that a standards-based solution is many months, 如果不是几年, away.

在这方面, 区分适用于iOS设备的基于HTML5的技术和通用HTML5技术是很重要的. That is, 而苹果则创造了直播的解决方案, adaptive streaming and digital rights management for the iOS platform, 这些在其他浏览器中不起作用. 例如, Apple HTTP直播, 这使得直播和点播成为可能, 单文件或自适应流, 只能在iPhone上运行, iPad, 和iPod touch(需要iOS 3版本).0 or later) or any device with QuickTime X or later installed.”  (). QuickTime X仅适用于Mac OS X Snow Leopard,不适用于Windows计算机.

迄今为止HTML5的采用情况

迄今为止,最引人注目的HTML5应用是苹果的iPad, 尽管正如前面提到的, 这个解决方案的许多组件都是苹果特有的, 所有视频都是H.264 format, so won’t play on the current majority of HTML5 browsers. While many commercial and broadcast sites support the iPad, very, 很少(如果有的话)完全支持所有HTML5浏览器所需的三种格式的视频.

包括YouTube和Vimeo在内的多个UGC网站都有HTML5兼容播放器, though both require users to opt in to view the HTML5 pages. 在写这篇文章的时候, YouTube(谷歌的子公司)仍在制作HTML5兼容的文件.264和WebM格式,没有word if H.264将被丢弃. 这两个网站都没有将视频编码为Ogg格式, 这是火狐用户唯一的选择, 它们占据了HTML5兼容市场的50%, to view content from these sites is via the Flash Player.

Otherwise, Kaltura和Brightcove等多个服务提供商正在提供HTML5兼容的解决方案, 虽然最常见的应用程序是 iOS设备上的HTML5视频支持. 许多第三方都在为游戏开发和其他基于HTML5的应用发布兼容HTML5的播放器和工具包.

在2011年5月19日WebM的发布会上, Adobe宣布:“我们很高兴在即将发布的Flash Player中包含VP8视频编解码器, 这将帮助用户在所有联网设备上无缝访问高质量的视频内容.” A WebM compatible version of the Flash Player has neither been shipped, 或宣布, 在写这篇文章的时候. 8月31日, 2010, Adobe发布了Adobe Dreamweaver CS5 HTML5 Pack,它为Adobe流行的HTML创作程序添加了许多与HTML5相关的新功能.

为什么HTML5对你很重要

HTML5已经成为一个高调的“必须拥有它”的流行词,在抽象中听起来比在现实中更有吸引力和可访问性. 了解流媒体的现状和局限性对所有流媒体生产商来说都是至关重要的.

For more resources on HTML5 Video, check out 流媒体's "你可能错过的25个HTML5视频欧洲杯在哪投注."

相关文章

什么是流媒体协议?

HTTP, RTSP, RTMP, 光滑的流, HLS, HDS, 流媒体协议到底是什么, and how do they interact with other communications protocols?

英国石油公司用HTML5视频网站展示奥运会运动员

奥运赞助商英国石油公司为美国创造了一个诱人的条件, 响应, and moving site that delivers HTML5 video first with a Flash fallback.

什么是MPEG DASH?

MPEG DASH is the latest hot topic in the online video space. 在这里,我们分析一下它是什么,以及它对未来视频传输的影响.

Ramp为Popcorn提供支持.JS宣布商业用途

Mozilla发布Popcorn.JS 1.0 at festival, letting creators tie video to related content.

什么是HLS (HTTP 在线直播)?

苹果的HTTP 在线直播 (HLS)协议是用于向iPad和iPhone等苹果设备传输视频的技术. 下面是关于HLS是什么以及如何使用它的入门教程.

HTML5视频:开放标准网络面临的挑战

HTML5视频有很多潜力,但其最终形式仍有待确定. 了解它需要面对的障碍.

HTML5视频能为企业提供什么

HTML5 offers a lot of promise, just not what everyone thinks. 要获得真正的独家新闻,它可以做什么,观看这个流媒体东演示.

HTML5编码秘密

看完这个视频, 视频发布者将拥有所有需要的信息来编码并传输到HTML5浏览器.

如何建立一个HTML5视频播放器

两位年轻但经验丰富的HTML5视频专家告诉观众为什么他们应该使用HTML5视频,并指导他们完成所需的代码.

Debunking HTML5 Video Myths: A Guide for Video Publishers

HTML5视频可能会得到所有的关注, 但是,想要服务于尽可能广泛的受众的视频出版商应该把它作为最后的手段. 流媒体 East 2011的一个演示试图打破HTML5视频的气球.

YouTube现在转码到WebM

许多人认为即将到来的公告现在是官方的:YouTube正在转码到WebM, 但仍然支持H.264.

Jilion Commercializes Cloud-based HTML5 Video Player Service

时尚的HTML5播放器可以在一系列平台和设备上传输视频,并且易于实现.

HTML5视频导航

A look at key developments that shaped the HTML5 platform, 以及实用和技术欧洲杯在哪投注,以帮助您实现HTML5视频

MPEG LA和WebM:专利巨魔的权力!——《制作人的观点

MPEG LA对专利的要求可能会对WebM格式造成严重损害,并导致业界对H标准的标准化.264. 让我们希望!

你可能错过的25个HTML5视频欧洲杯在哪投注

这里有一些文章, videos, websites, 以及能够帮助你更好地理解HTML5 Video标签相关问题的会议, 以及一般的HTML5规范.

谷歌的WebM面临专利挑战?

上周,MPEG LA发布了一项专利池请求,谷歌对此不予理睬,称其为“旧闻”。

HTML5, iPad和iPhone:你需要知道的

HTML5视频世界是碎片化的, but a recent webinar explains how content providers can best prepare for it.

谷歌拒绝H.264 in Chrome Means a Unified HTML5 Video Tag is Now a Pipe Dream

谷歌试图澄清其放弃H的决定.264 from Chrome in favor of WebM creates even more questions than it answers

如何编码到WebM

随着谷歌宣布放弃H.为了支持WebM,现在是时候开始研究这种格式了. 下面来看看如何获得最好的WebM质量.

Bringing Five Alive: Best Practices for HTML5 Video Deployment

HTML5视频部署的最佳实践

评论:关于HTML5的五大迷思

不要在意Mac背后的人. HTML5 won't be a serious consideration for at least a few years.

提及的公司及供应商