在线情况
楼主
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
支持webm视频文件吗
网页播放器支持WEBM吗?测试似乎不行
此帖受到1次评价, 累计: 声望+1
asp技术学习感谢您的参与
在线情况
2
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
[P]播放器支持以下文件:wav,flv,fla,mp3,m4v,m4a,oga,ogv,webm,tmpa,tmpv,3u8v,m3uv[/P][P]目前论坛已经支持上传mp4,m4a,3ga,ogg等多媒体文件,并作为音视频资源来播放.[/P][P] [/P][P]webm虽然支持,但未测试.[/P]
asp技术学习感谢您的参与
在线情况
3
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
[URL=http://www.51yd.net/leadbbs/images/upload/2014/08/26_123539.webm]http://www.51yd.net/leadbbs/images/upload/2014/08/26_123539.webm[/URL] [MP=640,640]http://www.51yd.net/leadbbs/images/upload/2014/08/26_123539.webm[/MP]
[ 此贴最后由 51yd 在2014-8-26 17:02:24编辑过 ]
asp技术学习感谢您的参与
在线情况
4
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
[P]服务器默认并不支持这类扩展名,需要在服务器上设置支持[/P][P]服务器需要添加以下mime:[/P][P].webma audio/webm[/P][P].webmv video/webm[/P][P].webm video/webm[/P][P] [/P][P]并且此类文件,在ie中(包括ie11) 无法播放,会提示 音频/视频: 未知 MIME 类型。[/P][P]但在chrome,opera,firefox等标准浏览器中可以正常播放.[/P][P] [/P][P] [/P] [upload=16061,0]QQ截图20140826164722.jpg[/upload]
asp技术学习感谢您的参与
在线情况
5
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
浏览器动态图片格式之争 WebM能否取代GIF?

欧美知名贴图讨论版4Chan在4月6日发表开始支持WebM格式文件为其动态图片格式之一,这一举动似乎开始引起一股热潮与讨论,动态图片格式GIF终于有挑战者要出现了吗?

根据维基百科,GIF格式早在1987年就被制定,它的优点是文件小、可包含多张图片而产生动画效果,但缺点是只有256种颜色,然因其动画功能,让它至今还活跃于网络上。GIF不是没有过挑战者,过去PNG也有支持动画格式的扩张格式APNG,不过并不普及,无法撼动GIF动态图片霸主的地位。

WebM是Google在2010年提倡的免费开源HTML5「影片格式」*,现在最常在Google自家Youtube HTML5版里看见他的踪迹。虽然WebM是影片,不过由于大多数浏览器有原生支持,不像flash影片还要额外载入播放器,以HTML5新增播放标签指令,使得他能像图片一样,很容易就放在网页当中。

* HTML5支持3种影片格式,分别是MP4、WebM与Ogg,MP4最为普及但没人想这样用,大概是因为MP4含有非开放的编码技术,在使上,未来可能有衍生问题与授权争议,而Ogg虽然也是开放格式,但相容浏览器比WebM少,可能这就是WebM脱颖而出的原因?

你能看见上方的图吗?没有可能表示你的浏览器并不支持WebM,请你改用Firefox、Chrome或是Opera浏览器。而有看见的朋友,上图就是把WebM当GIF用的例子,当你把自动播放打开、隐藏控制列、开启循环播放、静音(或是本来就不带声音也可),它看起来就是GIF,只是品质更高、文件更小。(可右键暂停播放,图片取自4chan讨论串)

WebM比起GIF有着以下的一些优势:

  • 图片越大的情况下 性能越划算
  • 更先进的演算法,文件更小
  • 全彩,不受限于256色,品质更好
  • 由于原始用途是影片,所以可以有音效
  • 格式更自由:解析度、画面格数自由,解析度可上4K,格数可以60fps
  • 大文件时读取更平顺
  • 控制自由:HTML5影片可设定不自动或自动播放,播放速度也有0.5倍、1.5倍、2倍等选择,还支持循环播放等功能。

我制作上图的GIF版来做对照(制作工具GifCam,设定33fps、Quantize输出):

loop

在文件大小上,WebM是565KB,GIF版则是高达1.5MB,更要注意的是,WebM版尺寸为1280 X 720,而GIF版我只压了640 X 360,GIF版画面尺寸只有1/4,但文件大小却大了3倍,更不用说GIF只有256色而造成画面的颗粒感与鲜艳度上的差异,品质与文件大小上GIF都是完败。

再来说到性能,一开始我认为WebM本身是影片,其影像编码技术是较近年所开发,虽然压缩效率好,但推想其所耗费的性能应该不便宜,为了做点简单验证,我制作了另一组WebM/GIF来测试:

WebM:427 X 240 30fps 2.46MB 无声音 2000Kbps

GIF版:427 X 240 33fps 18.1MB Quantize输出

GIF由于文件太大了,会影响浏览体验并耗费许多频宽,就不直接贴图而只贴连结。而原始影片片段是1280 X 720,文件3.39MB,1800Kbps。

在我AMD双核2800的老旧PC上,两者单独在浏览器中播放,CPU使用量都在10~20%间跳动,但感觉WebM可能平均高点的感觉,感觉GIF平均15%、WebM是16%这样,不过又有GIF的CPU使用量跳动较剧烈、、WebM较稳定的感觉...差距不大实在让我有点意外,不过这只是非常粗糙且不精准的简单测试。而在使用经验上,GIF在大张并且较剧烈的动态图片非常吃性能应是无误的,我的电脑在播4K的WebM还会动,但我不敢想像4K的GIF(有4K的GIF吗!?)...至于小尺寸且複杂度较低的动态图片上的性能,这部分GIF可能还是有它的优势,若WebM真有取而代之的一天,我想动态的表情符号可能会是GIF最后用途。另外已经有许多硬体厂商已经说要为WebM做硬体加速,我想未来只会WebM的耗能未来更只会更改善。

WebM支持60fps(甚至120fps),那种流畅感可以说看过就回不去了,看看以下范例:

WiiU游戏《玛利欧赛车8》(Mario Kart 8)60fps游戏片段

WiiU游戏《魔兵惊天录2》(Bayonetta 2)60fps游戏片段

《雷曼超人:传奇》(Rayman Legends)开场画面

另外,再来个有声音的范例:

动画《乒乓》孔文革登场桥段

高级功能,如播放速度之类的可以在影片上右键自己开来玩玩看。还有一个我觉得很重要的是可以设定不自动播放,不知大家有没有过开启大量GIF图片时(很多Tumblr爱这么干),整个网页就因为大量的读取而冻住好几秒的经验,且GIF又肥又大,读取时极度衝击性能,载入时画面一点一点地动,几乎要等完全载入完,画面才正常,是很不舒服的浏览体验。不自动播放就可以防止这种恶梦发生,而高级的HTML5语法,还可以设定滑鼠滑过影片就开始播放,或预先读取但不播放等等,弹性大许多。

最后还是不免要谈到缺点,WebM目前最大缺点就是并非每个浏览器都支持。主流5大浏览器中,IE与Safari就没有支持,虽说IE9可通过安装Google为提供的组件来取得支持,但我个人装过后,虽然可以看IE自己的提供测试页还有Youtube的WebM影片,然而看不了4chan,还有我自己在这部落格上贴的WebM影片(在《乒乓》观后感一文中),感觉支持还是有问题,更不用说IE9不支持XP,所以XP的IE用户无法享受此格式带来的好处。

网络内容管理者与提供者,包括像我这样写部落格的人,使用WebM也要考虑到势必有部分用户看不见内容的问题,4Chan提到过他们86%的造访者使用的浏览器支持WebM,换句话说,即是有14%并不支持,这也是个满可观的数字,而本部落格也会有大约10%的造访者会看不见WebM,虽然WebM有着种种好处,但就本站而言,短时间还不会把WebM当成常用媒体格式。

WebM未来是否能有更进一步的普及呢?就目前看来,4Chan这一决定看似有推动使用WebM的潮流,另外一个我常造访的欧美最大型的游戏论坛NeoGAF,就是因此而有人开始推动把WebM;而reddit近日也逐渐看到有人在放WebM的连结(甚至出现专门子区)。不过这一潮流是否会进一步扩大还是只限在一些「网络核心使用者」圈内短暂的风潮还需后续观察,但我得说我乐见此一发展,赶紧来个人来取代GIF吧。

倘若WebM未来真是因为取代GIF而大为普及,我想Google大概是最惊讶的人,毕竟他们还有提出过衍生自WebM的图片格式WebP(虽然被人吐槽比JPG还差)。而这个WebM要是大为流通,恐怕IE市占率可能又要加速下滑了?


参考来源:NeoGAF维基百科英语版维基百科

4Chan目前的WebM限制: 3MB、无声音、最长120秒、尺寸最大 2048 X 2048

目前支持WebM的「图床」:

影片转Web方式:

via:nogameno

asp技术学习感谢您的参与
在线情况
6
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
Chrome放弃对H.264解码的支持 并为IE9发布WebM插件
[P]Google Chromium的博客中讨论了Chrome浏览器所支持的HTML视频编解码格式,另外还宣称,和Theora一样,WebM/VP8会是HTML 5的视频标签所支持的视频编解码格式的一部分。 然而,在下面出现了让人震惊的评论:[/P][P]尽管H.264在视频领域扮演着很重要的角色,但是,由于我们的目标是要促进开放的革新,所以我们将会移除对这种编解码器的支持,并且我们会把资源分配给完全开放的编解码技术。 [/P][P]HTML 5规范无法统一网络上的视频格式,因为开源的基金会(像Mozilla)无法为视频编码承担H264的许可费用,而Chrome既支持开源软件,也支持需要许可的软件。 同时,Apple公司在硬件和软件的选择上让更多厂商采用了H264格式,并且它对支持开源的编解码格式没有兴趣,因为那可能会有专利的问题。[/P][P]直到现在,人们还是认为Chrome是两全其美的选择,因为其中的HTML 5视频标签既支持WebM,也支持H264视频。 和现存的对象不同(它使用插件架构,这让我们可以对其进行扩展),HTML5视频标签不允许安装额外的视频编解码器。 因此,在Firefox、Opera和(将来的)Chrome中,我们无法播放H264编码的视频。[/P][P]反过来说也是正确的;Safari或者iPhone/iPod设备的用户将无法查看WebM编码的内容,但是,因为H264是一种广泛使用的标准(它是Flash和蓝光碟所使用的编码格式),所以在H264阵营中,对视频编码的意见非常不平衡。 由于在WebM中只提供了较少的视频格式,所以为其进行编码的需求并不是特别紧迫,这也是为什么Chrome做出了此项改变。[/P][P]他们希望,通过让Chrome只能够解析WebM编码格式视频的视频标签(就像Mozilla和Opera一样),Google能有力量改变这种平衡状况,从而促进对WebM视频编解码器更广泛的使用。 评论高度集中在这个事件上,更多人反对而不是赞成这项改变:[/P][blockquote][ul][li]这对于用户和站点设计者来说真的是个很差的决定。 现在我能够在一个H.264编辑码器中对视频进行编码,然后把它提供给所有流行的浏览器和移动平台,此时要使用视频标签或者Flash包装器。如果Chrome放弃在视频标签中对H.264的支持,那么Chrome用户就只能通过Flash包装器来获得H.264视频。 我可不会在另一个视频编解码器中对视频进行编码。 --Peace[/li][li]作为使用HTML的内容发布者和开发者,我会利用这次机会对我的站点做必要的改变,从而Chrome会使用Flash插件作为后备,就像IE和Firefox所做的那样。 带宽很昂贵,而在这种考虑下H.264是一种奇迹。[/li][li]很有趣的改变。 IE9在发布时会支持h264和webm,而Safari、Flash、iOS设备、移动游戏设备、某些控制器、以及大多数具有3G功能的手机(请参看3gpp标准)都只能够处理h264的网络视频格式。而所有不支持h264的平台,要么在发布时预装了flash,要么提供了安装文件(超过90%)。 我们能够清楚地看到,取得胜利的格式是H264——每个浏览器在各处都支持的唯一视频格式。 这始终是正确的,直到google撤回他们最近关于在Chrome中绑定Flash的声明。[/li][/ul][/blockquote][P]Flash问题是,尽管放弃了对H264的支持,他们仍然支持Flash,而它是一种非开源的格式。 具有讽刺意义的是,对于没有内建支持的浏览器来说,Flash是支持H264视频格式的最好方式,因此大多数视频发布者都只会以Flash对象来提供相同的视频内容,而不会进行编码转换。[/P][blockquote][ul][li]在这里让我们现实一些: Chrome占据了大约10%的浏览器市场。 他们做出的支持WebM而不支持h.264的决定会毁掉HTML5。 事实上,一旦Firefox 4的发布版本支持WebM,那么大多数使用支持HTML5视频的非beta版浏览器的用户会使用WebM。[/li][li]有人建议决定支持某些模糊的“开源社区”,那是一种错误。 在此,Google做出的是支持网络的决定。 有人认为h264以某种方式可以是免费的,那么他们都想错了。 看起来Google在此的眼光放得很远,并且我们应该对其表示称赞,因为他们接受短期的痛苦,而以此换来真正的,可观的长期利益。[/li][li]对于那些说这是愚蠢改变的人来说,你们才是愚蠢的。 我作为一个用户,我想要得到一个统一的web浏览器编解码器。 我可不想在切换到Google Chrome的时候,看到在Firefox或者Safari中可以播放的视频在其中无法播放。 如果所有浏览器都转而采用OGG Theora视频编解码器,那么就是在告诉Apple公司要知道获得H.264编解码器许可的成本所在。[/li][li]当Youtube抛弃H264的时候,唯一的原因就在于要打击iOS的用户。 战争已经开始。[/li][/ul][/blockquote][P]尽管使用H264需要获得许可,但通过互联网消费视频是免费的(并且那是终身的许可),硬件和软件解码器都没有与之相关的费用。 InfoQ在之前已经介绍过这个情况,并且形势似乎不会改变;硬件设备厂商会继续把对H264的支持构建到产品中(因为那对于蓝光播放器已经是必需的)。 它们在思想上就不同,那也是为什么Chrome开始时试图使用双重支持来姑息两个阵营。[/P][P]Ars Technica在他Google从Chrome中删除对H264的支持一文中得到了差不多数量的评论,但是他们还指出:[/P][blockquote][P]微软可观的浏览器市场份额,以及Apple设备的流行程度,都是内容制作者所不能忽视的。 很多内容制作商都可能会继续使用H264,并且只会使用Flash来取代HTML5视频标签,从而在浏览器中显示得不到H264编解码器本地支持的视频内容。[/P][/blockquote][P]不管后果如何,Chrome放弃对H264的支持似乎不会改变制作商产生内容的方式,即便他们提供的方式确实发生了改变。 并且,随着Android设备能够运行Flash,看起来硬件标准还会对H264支持一段时间。[/P][P]查看英文原文:Google Chrome Drops H264 Support 中文来源:InfoQ[/P][P]相关阅读:[/P][P]今日,谷歌在Chromium 博客上刊文对其最近宣称要让Chrome放弃对H.264 视频编码一事进行了澄清。并表示,公司即将推出支持Safari和IE9的WebM插件。[/P][P]目前,在市场上的主流浏览器中,Firefox和Opera只支持WebM和Ogg Theora编码;而Safari和IE9仅支持H.264。微软还曾发布插件,来帮助Firefox浏览器支持H.264解码。如此一来,使用HTML5视频标准的网站将不得不适应两套编码格式。[/P][P]谷歌此举意在吸引Safari和IE用户。而WebM插件的推出,则有可能通过网页插件的方式建立一种网页视频播放标准。[/P][P]这个插件的推出引起了苹果和微软的不满,随后微软Windows技术宣传团队总监提姆·斯尼思(Tim Sneath)在MSDN博客中发布文章表示,Google在Chrome浏览器中抛弃H.264视频编码支持的行为就像是为了推广世界语而禁用英语的行为,微软的这一举动引来了众人的赞同。[/P][P]版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明 文章引用地址:http://www.iefans.net/chrome-h264-ie9-webm/ 作者:iefans[/P]
asp技术学习感谢您的参与
在线情况
7
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
看好它的体积小,做产品动态展示好,就是IE不支持!
asp技术学习感谢您的参与
在线情况
8
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
微软推出IE开发频道 提供IE12开发人员版本下载
[P]微软今天宣布正式推出 IE 开发者频道,此举主要是为 Web 开发者提供一个全功能浏览器,以及让他们能够提前看看微软正在研发的 IE 功能新特性等,你可以将它看做IE12的雏形。目前,开发者可以到devchannel.modern.ie 下载。[/P][P]首先要指出的是,目前这个开发者版只能在能够安装IE11的Windows 7 SP1和Windows 8.1系统上运行,不支持Windows 8系统。不过,值得庆幸的是,如同 Chrome Canary 版本一样,IE开发人员版本可以与IE11同时独立运行,不会覆盖现有的IE11。[/P][P][IMG]http://www.iefans.net/wp-content/uploads/2014/06/4a0d_7433.aiedc_2D00_image1.png[/IMG][/P][P]微软指出,由于虚拟化创建使得它会在性能方面有点影响,所以不建议用这个来衡量一个网站的性能。另外今天推出的版本是首个开发者版本,所以微软计划分享早期代码,因为它同样适用于新的功能和标准。[/P][P]在 2014 年 Build 大会上,微软推出了 [URL=http://status.modern.ie/]status.modern.ie[/URL],这个网站能够向开发者展示 IE 中支持的网络技术以及在未来版本中即将支持的标准。上个月,当微软宣布正在进行下一个 IE 版本后,新功能支持也出现在 IE 开发门户频道的路线图中。[/P][P] [/P][TABLE=transparent,0,2,630,left,transparent,0,none][tr][TD]系统版本[/td][TD][B][BGCOLOR=rgb(8, 187, 241)]x86 (32 位)[/BGCOLOR][/B][/td][TD][B][BGCOLOR=rgb(8, 187, 241)]x64 (64 位)[/BGCOLOR][/B][/td][/tr][tr][TD]Windows 7 SP1[/td][TD][URL=http://download.microsoft.com/download/4/7/1/471CE080-F4DF-4DCE-A7A0-915E8F46B1A3/IEDeveloperChannel-Windows6.1-x86.exe]IEDeveloperChannel-Windows6.1-x86.exe[/URL][/td][TD][URL=http://download.microsoft.com/download/4/7/1/471CE080-F4DF-4DCE-A7A0-915E8F46B1A3/IEDeveloperChannel-Windows6.1-x64.exe]IEDeveloperChannel-Windows6.1-x64.exe[/URL][/td][/tr][tr][TD]Windows 8.1[/td][TD][URL=http://download.microsoft.com/download/2/6/0/260B8F68-ABB2-4177-8746-CAC02B49816D/IEDeveloperChannel-Windows6.3-x86.exe]IEDeveloperChannel-Windows6.3-x86.exe[/URL][/td][TD][URL=http://download.microsoft.com/download/2/6/0/260B8F68-ABB2-4177-8746-CAC02B49816D/IEDeveloperChannel-Windows6.3-x64.exe]IEDeveloperChannel-Windows6.3-x64.exe[/URL][/td][/tr][/TABLE][P]由于这是面向开发人员的版本,所以罗列了三大改进(完整更新日志请查看 MSDN):[/P][P]1. 增强的调试经验与事件断电,帮你更快找到 Bug 2. 更为丰富的内存分析功能和 UI 响应分析器 3. 改进的导航体验,提供更多的键盘快捷键(Ctrl+[和 Ctrl+])以及新的通知。[/P][P]除了这些工具之外,IE 开发者频道也随之提供了新兴的 WebDriver 标准,这些标准允许 Web 开发人员编写自动化测试浏览器来测试它们的网站。此外,新版本还改进了 WebGL 性能和增加了实例化扩展支持,支持 16 位纹理、GLSL 内置变量和 triangle fans。微软就此指出,其 Khronos WebGL 一致性测试分数从 93% 提高到了 97%。[/P][P][IMG]http://www.iefans.net/wp-content/uploads/2014/06/304a_171028116927173.jpg[/IMG][/P][P]而更为重要的是,IE 开发者频道允许用户使用 Xbox 控制器(不是 Xbox One)来玩 Web 游戏。它支持新型的游戏手柄 API 标准,让开发者能够使用 JavaScript 去增加游戏手柄,从而支持 Web 应用和游戏。至于究竟怎么样,大家可以亲身体验这三个游戏:Escape from XP、over.IE 和雅加达街机游戏。[/P][P]值得肯定的是,添加 IE 开发频道绝对是好事,只是很奇怪微软为什么花费了这么长时间才从谷歌那复制来了这个想法,要知道,谷歌砸 2009 年 1 月就推出了 Chrome Dev channel,而 Mozilla 也在 2011 年 4 月就跟进了。[/P]
asp技术学习感谢您的参与
在线情况
9
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
WebM插件[EM282]
asp技术学习感谢您的参与
在线情况
10
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17170
  • 经验1524611
  • 文章25460
  • 注册2003-01-20
[P][QUOTE][b]下面引用由[@51yd]发表的内容:[/b] WebM插件[/QUOTE][/P][P]装了后,经测试,ie11下实测有效 [/P]
asp技术学习感谢您的参与
在线情况
11
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
客户端IE判断,页面里加载,下载安装?
asp技术学习感谢您的参与
在线情况
12
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
[P][QUOTE][b]下面引用由[@51yd]发表的内容:[/b] 客户端IE判断,页面里加载,下载安装?[/QUOTE][/P][P]需要下载软件,点击安装. google的远程非常难连.可能要试很久.[/P][P][URL=http://www.leadbbs.com/a/topic-210-2952080-1.html?lastpage=1]http://www.leadbbs.com/a/topic-210-2952080-1.html?lastpage=1[/URL] [/P]
asp技术学习感谢您的参与
Page created in 0.0156 seconds with 4 queries.