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

浅谈基于HTML5的在线视频播放方案 这篇文章主要介绍了基于HTML5的在线视频播放方案， 讨论了编码和浏览器支持等相关方面的问题，需要的朋友可 以参考下 如今在这个特殊的时代下：flash将死未死，微软和 IE的历史问题，html5标准未定，苹果和谷歌的闭源和开 源之争，移动互联网的大势所趋，浏览器各自为战…这些 都导致web开发者在设计视频解决方案的时候相当困惑。 本文围绕这个主题，来探讨一下相关的技术，原理和工具。 编码与格式的误区 很多人将编码和格式误认为是同一个东西，往往以视 频文件的后缀来唯一确定视频文件的支持程度。而事实上, 用一句话来概括就是：视频的文件后缀（假设没有恶意修 改后缀）实际上代表一种封装格式，而视频或者音频的编 码算法与封装格式本身无直接的关系：同样的封装格式 （即同样的后缀）可以封装不同编码算法的视频和音频。 而视频播放设备或软件是否支持视频的播放，不仅仅要看 封装格式，还要看编码算法。认清这一点是理解和排查问 题的基础。 封装格式规定了视频的所有内容，包括图像，声音, 字幕，系统控制等，其中以图像和声音最为关键。 从M PEG说起 MPEG是一个定义视频规格的国际组织，他们曾经推出 的MPEG-1和MPEG -2实际上分别就是大家熟知的VCD和 DVD,不过这都是远古的东西了。我们来看看跟本文主题有 关的MPEG-4规范。 MPEG-4规范规定了文件后缀名为.mp4,目前包括三种 图像编码和压缩算法：Xvi d\DivX\AVC(H. 264),其中Xv id 和 DivX 也可以统称为 MPEG-4Par t2 或者 MPEG-4V isual, 而更为知名的H. 264和AVC是相同的概念。音频方面则是 AACo以下关于兼容的内容，来源于维基百科和格式工厂以 及笔者的测试： Android浏览器：支持DivX和AVC, Xvid应该不支持 iPhone 和iPad (iOS)：支持 DivX 和 AVC, X vid 不支 持 Chr ome：支持AVC,不支持DivX和Xvid。谷歌曾在 2017年初宣布由于许可问题，将移除Chrome浏览器对 AVC(H. 264)的支持。但是直到目前的版本，AVC还在被支 持。另外，实际测试下来，如果是DivX和AAC封装在mp4 中的话，ch rome可以播放，但是只有声音(AAC)。 Firefox和Op era：还是由于许可的问题，Firefox和 Opera逐渐动摇了对AVC的支持，笔者在最新的Firefox中 测试AVC仍然可以播放(维基百科的解释是可能与系统本 身具有解码器有关)；至于DivX和Xvid,笔者在F iref ox 下的测试结果是不支持。从维基百科的兼容列表看，Opera 对AV C支持的不好。 IE :笔者的IE11能够支持AVC,不支持DivX和Xvid WebM的倡导 由于 AVC （H . 264）的授权问题，以 Chrome Fir efox Opera为首的开源阵营开始动摇对AVC的支持，尽管目前这 些浏览器仍然能够支持AVC,但是它们也倾向于一个叫做 WebM的开源多媒体项目，该项目包括一个叫VP8的新的开 源视频编解码方案。目前VP8已经发展到了 VP9。作为封装 格式的We bM具有.webm的后缀和video/web m的MIME类型。 在音频方面，可以使用Vor bis/Opus 0从兼容性看， Chrome Firefox Ope ra对VP8的兼容性相当理想，但是 Safar i和IE几乎无法支持。 开源的Ogg Ogg几乎与WebM相同，开源，被广泛的在开源平台支 持。其视频编码方案称为Theora（有VP 3发展而来，由 Xiph . org基金会开发，可被用于任何封装格式），音频为 Vorbiso 后缀通常为.ogv 或.o gg, MIME 类型为 v ideo/ogg。 在兼容性上，Chrome、Firefox、Ope ra能够支持（但是 Op era在移动平台上无法支持），但是Safar i和IE几乎无 法支持。 Html5方案 以上的讨论实际上的大前提是：视频基于Html5的 It;videogt;方案。现在我们来总结一下兼容性： *IE9 “只有当用户安装了 VP 8的编解码器时”才能支 持 VP8 o #822 5;GoogleChr ome2017 年宣布放弃 H. 264,但是 “还没兑现”。可以看出现在主流的仍然是MP4(A VC),但 是为了解决“开源阵营”对AVC的摇摆不定，可以选择利 用v ideo的多源方案，在AVC的基础上额外提供对webm或 Ogg的支持： XML/HTMLC ode It; vid eoposter二〃m ovie? jpg〃co ntrolsg