-->
本周为流媒体连接保存您的免费座位. 现在注册!

HTML5视频导航

文章特色图片
文章特色图片

也许最重要的优势是,你不必只选择HTML5而不选择Flash. 在可预见的未来,内容提供商将同时拥抱Flash和HTML5. 稍后我将更详细地概述这一点, 成功采用HTML5技术的关键是利用连接Flash和HTML5的软件解决方案,通过统一的API和开发平台,跨设备和平台提供强大的丰富媒体体验. 像其他开源组件一样, 利用这些解决方案,公司可以更直接地关注他们的在线业务,而不是管道.

开发HTML5策略

任何HTML5策略的关键是了解你的需求和当前的在线媒体存在. 在本节中,我将概述一些起点
以及你应该关注的技术和百家乐软件.

构建你自己的HTML5播放器

在某些情况下,你可能想要构建自己的自定义播放器(而不是利用现有的视频平台解决方案)。. 你可能是一个业余爱好者或学生,有兴趣学习更多关于HTML5视频播放器的知识,而不需要维护一个在许多平台环境中扩展功能的现实世界播放器. 你的HTML5播放器需求可能非常简单, 你也不关心分析或玩家品牌等功能.

让一个简单的播放器在给定的浏览器上运行并不太复杂. 但是一旦你想让它在许多浏览器上工作,它就变得更复杂了.

这本书 探究HTML5 这是一个很好的起点,可以让我们了解在浏览器和设备上播放HTML5视频标签的技术复杂性. 你会注意到有很多东西需要考虑“只是为了基本的播放”.这种复杂性部分来自于缺乏单一标准的编解码器, 而其他问题则源于HTML5执行的不完整或不完善. 在最后一节中,您可以看到兼容播放需要什么. 您需要为资产(H)创建三种不同的编码.264, Ogg Theora, 和WebM),并包括三个不同的标记(HTML5视频标签, 与回退到Flash对象, 并与回退到文件的直接链接).

一旦你得到你的基本播放工作,你可能会想要主题播放器. 克里斯蒂安·我. Opera的Colceriu用CSS3和jQuery写了一个很好的播放器主题教程, 可在 http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery.
一旦你开始主题化和添加功能,你的项目将很快变成一个播放器库.

使用JavaScript HTML5播放器库

如果从头开始处理构建HTML5播放器的所有复杂性听起来并不有趣, 幸运的是,有许多开源HTML5播放器可供选择. 一个很好的网站,尝试一些更受欢迎的球员是 http://praegnanz.de/html5video/index.php.

选择一个特定的软件解决方案从来都不容易. 在这里, 我将选择HTML5播放器分为三个主要考虑方面, 可扩展性, 和可持续性/社区.

给定玩家的功能集比较容易评估:

  • •玩家是否能够满足你当前和未来的需求? 大多数播放器支持Flash回退,iOS和全屏播放. 许多播放器支持播放列表、字幕、共享功能和皮肤. 很少有玩家拥有强大的分析支持,广告和紧密的在线视频平台整合. 
  • •播放器是否提供跨浏览器和设备的一致体验? 在评估玩家时,确保手边至少有一台Android和一台iOS设备. 观察玩家在ie6到ie8上的闪回效果是非常重要的. 

对于可扩展性,我们考虑三个因素:

  • •项目是开源的吗? 几乎所有考虑的播放器都是开源的, 但有些可能更符合你的执照标准.
  • •库的代码结构是否模块化,是否支持通过插件进行扩展? 是否有第三方插件或集成?
  • •它是否有一个文档完备的API? 它允许你使用HTML5视频标签API而不管它的底层播放方法吗? 

在考虑可持续发展/社区时,请考虑以下几点:

  • •库是否有活跃的开发社区和公共源代码存储库? 是否有多个开发人员致力于该项目? 最后一次提交到存储库是什么时候?
  • •库是否有实际用途? 
  • •图书馆是否有组织支持其发展? 该项目是该组织平台和长期战略的关键部分吗?

使用HTML5视频的在线视频平台

视频播放器的好坏取决于它背后的视频平台. 视频平台管理着从内容摄取开始的一切, 编码, 播放器功能定制, 动态播放列表分析和广告. 最重要的是, 该平台提供了一个“特性市场”,使集成商能够对插件做出高层次的选择, 合作伙伴关系, 和集成组件,而不用担心底层平台实现. 评估支持HTML5的平台, 寻找那些在Flash和HTML5之间尽可能提供相同功能的平台.

2011年值得关注的事情

虽然HTML5在2010年迅速普及,但Flash仍然是桌面浏览器的首选. HTML5规范将继续发展,但会围绕临时url和定时文本可访问性等新特性变得更加分散. 在这里,JavaScript库将帮助弥合实现之间的差距.

DRM还可能在浏览器和设备上有分散的特性集. DRM将继续作为插件或特定的html5平台实现来工作. 自由软件浏览器将很难将DRM秘密集成到其自由软件浏览器的透明核心中.

WebM在2010年下半年取得了很大的进步, 现在80%的YouTube视频都支持这种格式. 但2011年将会表明,这种编解码器对谷歌以外的网站将变得多么重要.

一个开放的自适应流媒体协议应该会在2011年初敲定, 到今年年底, Mozilla, 谷歌, Opera浏览器可能会支持该标准. 如果效果良好, 它可能会帮助谷歌为基于android的平板电脑和电视更广泛地采用WebM铺平道路,这些平板电脑和电视目前还没有一个好的自适应流媒体解决方案. WebM硬件解码和编码芯片刚刚开始进入市场. 到2011年底,它们应该会开始出现在零售移动设备上.

HTML5广告在2011年应该会有很大发展, 所有主要的视频广告平台都在改进对该标准的支持.

许多JavaScript库使得支持HTML5视频变得相对容易. In 2011, 我们认为,随着网络效应在市场中占据主导地位,广泛使用HTML5的游戏公司将出现整合. 专业插件制造商(分析, 广告, 网络管理工具)不可能为所有HTML5玩家轻松构建插件, 因此会出现一些整合

流媒体覆盖
免费的
合资格订户
现在就订阅 最新一期 过去的问题
相关文章

什么是HTML5?

HTML5和HTML5视频的解释, 包括历史, 专利问题, 以及苹果目前的使用情况, 微软, 谷歌, Adobe, 和其他人.

你可能错过的25个HTML5视频百家乐软件

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

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

HTML5视频世界是碎片化的, 但最近的一个网络研讨会解释了内容提供商如何为它做最好的准备.

谷歌拒绝H.264在Chrome意味着一个统一的HTML5视频标签现在是一个白日梦

谷歌试图澄清其放弃H的决定.264从Chrome支持WebM产生的问题甚至比它的答案更多

bring Five Alive: HTML5视频部署的最佳实践

HTML5视频部署的最佳实践

提及的公司及供应商
" class="hidden">潍坊易登网