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

  • 相关阅读:
    io学习
    asp.net文件上传进度条研究
    asp.net页面中的Console.WriteLine结果如何查看
    谨慎跟随初始目的不被关联问题带偏
    android 按钮特效 波纹 Android button effects ripple
    安卓工作室 日志设置
    安卓工作室 文件浏览器 android studio File browser
    一个新的Android Studio 2.3.3可以在稳定的频道中使用。A new Android Studio 2.3.3 is available in the stable channel.
    新巴巴运动网上商城 项目 快速搭建 教程 The new babar sports online mall project quickly builds a tutorial
    码云,git使用 教程-便签
  • 原文地址:https://www.cnblogs.com/attilax/p/15199009.html
Copyright © 2011-2022 走看看