光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

栏目: Html5 · 发布时间: 7年前

内容简介:这张图片来自2017 Google I/O大会,展示了WebAssembly 在视频领域的应用。

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

光谷码农·线下技术交流,第一期顺利举行。第一期活动我们邀请到了安防行业的资深人士周伟民伟老师给大家分享WebAssembly在安防行业实战案例。这是基于分享内容整理的摘要。

下期预告:我们将邀请斗鱼到老司机,跟大家分享B栈后端到架构设计(你懂到),具体时间再通知。欢迎关注我们的公众号。

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

这张图片来自2017 Google I/O大会,展示了WebAssembly 在视频领域的应用。

下面,和大家分享一下我对WebAssembly在音视频领域应用的思考。

一、计算性能对音视频很关键

浏览器环境的计算性能对比:cpu > WebAssembly >> js

这个结论有理由让我们实现在web端做视频解码。

那么,问题来了......

在过去,网页上播放视频有哪些方案?

1、Flash Video Player;

2、OCX、NPAPI、PPAPI 网页插件;

3、HTML5 video 标签;

我们逐个分析:

Flash Video Player:

实时性:1~3s;

视频格式支持少,不支持H.265;

非HTML5标准,2020年废弃;

OCX、NPAPI、PPAPI 网页插件:

实时性:<1s;

安全性差;

非HTML5标准,已废弃;

HTML5 video 标签

实时性:1~10s;

视频格式支持少,不支持H.265;

无法对视频帧做二次处理;

二、WebAssmebly 的视频播放方案

实时性:<1s;

支持任意视频格式;

在web前端对视频进行逐帧处理;

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

(1)在目前已知的方案中,要在Web前端做H.265的解码,WebAssembly是唯一的方案;

(2) 播放实时性:<1s;

(3)支持任意视频格式;

(4)在web前端对视频进行逐帧处理;

(5)WebAssembly是HTML5标准;

三、WebAssmebly 资料与实践

《WebAssembly标准入门》 作者:柴树杉,丁尔男

WebAssmebly 在线IDE环境:

https://mbebenita.github.io/WasmExplorer/

https://d2jta7o2zej4pf.cloudfront.net/

WebAssmebly 视频播放器demo:

https://github.com/v354412101/wsPlayer.git

以下是来自现场到精彩图片:

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用

光谷码农·线下活动总结:WebAssmebly在音视频领域的应用


以上所述就是小编给大家介绍的《光谷码农·线下活动总结:WebAssmebly在音视频领域的应用》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

社交电商

社交电商

[美] Stephan Spencer(斯蒂芬.斯宾塞)、[美] Jimmy Harding(吉米.哈丁)、[美] Jennifer Sheahan(詹尼弗.希汉) / 谭磊 / 电子工业出版社 / 2015-3 / 69.00元

你想要在互联网上赚钱吗?想要做好电子商务吗?那么你一定不能忽视社交媒体的力量。不管你想要营销的是实物商品、电子类产品还是本地的服务,这本书会教你怎么做。 《社交电商》全面介绍形形色色的社交媒体以及如何利用这些社交媒体来为你的企业做好服务。如果你经营得不好,在社交媒体上散发出的只是噪声而不是真正的信息。 而如果做得好,社交媒体会成为你最有效的营销工具,帮助你赢得老客户的拥戴,获得新的客户。 ......一起来看看 《社交电商》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具