锐客网

  1. 首页 > 睿知 > >

浅谈基于HTML5的在线视频播放方案

睿知

如今在这个特殊的时代下：flash将死未死 ， 微软和IE的历史问题 ， html5标准未定 ， 苹果和谷歌的闭源和开源之争 ， 移动互联网的大势所趋 ， 浏览器各自为战…这些都导致web开发者在设计视频解决方案的时候相当困惑 。本文围绕这个主题 ， 来探讨一下相关的技术 ， 原理和工具 。
编码与格式的误区
很多人将编码和格式误认为是同一个东西 ， 往往以视频文件的后缀来唯一确定视频文件的支持程度 。而事实上 ， 用一句话来概括就是：视频的文件后缀(假设没有恶意修改后缀)实际上代表一种封装格式 ， 而视频或者音频的编码算法与封装格式本身无直接的关系：同样的封装格式(即同样的后缀)可以封装不同编码算法的视频和音频 。而视频播放设备或软件是否支持视频的播放 ， 不仅仅要看封装格式 ， 还要看编码算法 。认清这一点是理解和排查问题的基础 。
封装格式规定了视频的所有内容 ， 包括图像 ， 声音 ， 字幕 ， 系统控制等 ， 其中以图像和声音最为关键 。
从MPEG说起
MPEG是一个定义视频规格的国际组织 ， 他们曾经推出的MPEG-1和MPEG-2实际上分别就是大家熟知的VCD和DVD ， 不过这都是远古的东西了 。我们来看看跟本文主题有关的MPEG-4规范 。
MPEG-4规范规定了文件后缀名为.mp4 ， 目前包括三种图像编码和压缩算法：XvidDivXAVC(H.264) ， 其中Xvid和DivX也可以统称为MPEG-4 Part 2或者MPEG-4 Visual ， 而更为知名的H.264和AVC是相同的概念 。音频方面则是AAC 。以下关于兼容的内容 ， 来源于维基百科和格式工厂以及笔者的测试：
Android浏览器：支持DivX和AVC ， Xvid应该不支持
【浅谈基于HTML5的在线视频播放方案】iPhone和iPad(iOS)：支持DivX和AVC ， Xvid不支持
Chrome：支持AVC ， 不支持DivX和Xvid 。谷歌曾在2011年初宣布由于许可问题 ， 将移除Chrome浏览器对AVC(H.264)的支持 。但是直到目前的版本 ， AVC还在被支持 。另外 ， 实际测试下来 ， 如果是DivX和AAC封装在mp4中的话 ， chrome可以播放 ， 但是只有声音(AAC) 。
Firefox和Opera：还是由于许可的问题 ， Firefox和Opera逐渐动摇了对AVC的支持 ， 笔者在最新的Firefox中测试AVC仍然可以播放(维基百科的解释是可能与系统本身具有解码器有关);至于DivX和Xvid ， 笔者在Firefox下的测试结果是不支持 。从维基百科的兼容列表看 ， Opera对AVC支持的不好 。
IE：笔者的IE11能够支持AVC ， 不支持DivX和Xvid
WebM的倡导
由于AVC(H.264)的授权问题 ， 以Chrome、Firefox、Opera为首的开源阵营开始动摇对AVC的支持 ， 尽管目前这些浏览器仍然能够支持AVC ， 但是它们也倾向于一个叫做WebM的开源多媒体项目 ， 该项目包括一个叫VP8的新的开源视频编解码方案 。目前VP8已经发展到了VP9 。作为封装格式的WebM具有.webm的后缀和video/webm的MIME类型 。在音频方面 ， 可以使用Vorbis/Opus 。从兼容性看 ， Chrome、Firefox、Opera对VP8的兼容性相当理想 ， 但是Safari和IE几乎无法支持 。
开源的Ogg
Ogg几乎与WebM相同 ， 开源 ， 被广泛的在开源平台支持 。其视频编码方案称为Theora(有VP3发展而来 ， 由Xiph.org基金会开发 ， 可被用于任何封装格式) ， 音频为Vorbis 。后缀通常为.ogv或.ogg ， MIME类型为video/ogg 。在兼容性上 ， Chrome、Firefox、Opera能够支持(但是Opera在移动平台上无法支持) ， 但是Safari和IE几乎无法支持 。
Html5方案以上的讨论实际上的大前提是：视频基于Html5的

浅谈基于HTML5的在线视频播放方案

文章插图
*IE9 “只有当用户安装了VP8的编解码器时”才能支持VP8 。

推荐阅读


上一篇：消防应急灯照明时间一般为

下一篇：高铁票不用取可以凭身份证上车吗