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

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

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

这张图片来自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前端对视频进行逐帧处理；

（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

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