zoukankan      html  css  js  c++  java
  • Atitit.多媒体区----web视频格式的选择总结

    Atitit.多媒体区----web视频格式的选择总结

    1. 因为现阶段不同的浏览器支持的视频格式是不同的 1

    2. 各浏览器Html5 Video支持的影音格式: 2

    3. 解决方案是什么?FlashH.264 2

    4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 3

    1. 因为现阶段不同的浏览器支持的视频格式是不同的

    ,当我们有多种格式的视频样式的时候,我们会用第二种写法来做兼容调试。一般

    谷歌 mp4(H.264/AVC)的能直接放,360的和谷歌的一样,火狐的ogg格式的才可以放,IE7以上版本才支持video标签 +.+ 

     

    Ogg 格式,  MPEG 4格式和    WebM

    HTML5,提供了一个video标签。它允许开发者直接将视频嵌入网页,不需要任何第三方插件(比如 Adobe公司的Flash)就能播放。

    这当然是一大进步。

    作者:: 老哇的爪子 Attilax 艾龙,  EMAIL:1466519819@qq.com

    转载请注明来源: http://blog.csdn.net/attilax

    但是,有一个核心问题,却没有得到解决。HTML5没有规定,浏览器到底应该播放哪一种格式的视频。浏览器厂商可以自行选择支持的格式。

    一般来说,html5支持的视频格式

    一些人对这种情形,感到担忧和不满。他们决定自行开发一种没有专利的视频格式,生成的文件体积要与H.264相仿,画质也要差不多。这种格式就叫做Theora

    Theora的主要开发者,也是Ogg Vorbis[译注一种开源的、无专利的音频压缩格式)的开发者

    现在,再回过头谈HTML5和它的video标签。

    开源浏览器FirefoxKHTML,没有资源去购买H.264许可证。因此,它们原生不支持H.264格式的视频,除非用户自己安装第三方插件。而微软公司和苹果公司则是完全不支持Theora,只支持H.264

    这意味着,未来的HTML5网页,不存在一种通用的视频格式。也就是说,HTML5网站开发者必须为同一个视频,准备两个格式的版本,一个是H.264,另一个是Theora。不过,开发者还有另一个选择,就是要求用户安装第三方插件。

    猜猜看,大多数开发者会怎么做?他们很可能什么也不做!保持现状不就行了,让用户继续用Flash观看视频吧,什么麻烦都没了。

    2. 各浏览器Html5 Video支持的影音格式:

    浏览器 | 影音格式

    Ogg Theora

    MP4(H.264)

    WebM

    Microsoft Internet Explorer9

    Mozilla Firefox5+

    Google Chrome13+

    Apple Safari5+

    Opera11+

    3. 解决方案是什么?FlashH.264

    我想大多数开发者会选择做一个浏览器"嗅探",专门为苹果公司的设备提供一个H.264格式的视频,其余的设备则显示一个Flash播放器,里面也 可以播放这个H.264格式的视频。所以,FlashH.264成了赢家,

    。flash是通过boject或embed嵌入到页面中的,这是最成熟,也是运用最广泛的解决方案,兼容性是最好的。

    4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

     

    object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。 

    浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。 

    而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。

    Refer 参考

    HTML5的视频格式之争 阮一峰的网络日志.htm

    符合web标准的媒体播放器代码 蓝色理想.htm

  • 相关阅读:
    牛客挑战赛45 D.坐标
    树上启发式合并(dsu on tree)合集
    2020HDU多校第二场 1012.String Distance
    2020HDU多校第一场 1009.Leading Robots
    2020牛客暑期多校训练营(第一场)H.Minimum-cost Flow
    自用综合线段树模板(区间加乘、区间置数、区间求和)
    ZOJ 4008.Yet Another Tree Query Problem(问题模型转化+线段树离线处理)
    最小费用最大流模板
    2020 CCPC Wannafly Winter Camp Day3.C. 无向图定向(k染色问题)
    2020牛客寒假算法基础集训营3.E.牛牛的随机数(数位dp拆位算贡献)
  • 原文地址:https://www.cnblogs.com/attilax/p/5963775.html
Copyright © 2011-2022 走看看