H5网页播放器EasyPlayer.js也能做直播视频实时录像了

Posted 2022-11-01 xiejiashu

EasyPlayer系列做了整整8年了，从最开始的EasyPlayer RTSP版，到后来的RTMP版、Pro版、js版，受众用户已经不计其数了，希望EasyPlayer能一如既往的优秀下去！

最近，我们的EasyCVR产品上，突然有客户提出了一种关于播放器实时录像的功能，按照以往的概念，网页怎么能像C/S客户端那样做实时的视频录像呢，因为浏览器写本地文件是几乎不可能的一件事情，在我们以往的做法中，实现这种客户需求，也基本上是采用“后端+前端”配合的方式来实现这种录像功能的，就是后端收到前端的录像指令，把要发往前端的音视频数据先预存一份在服务端，当收到前端的停止录像指令后，再将整个缓存的数据，打包封装成MP4，提供给用户下载，可以说，这种方式是非常不合理的；

试想一下，如果有成千上万的用户在使用这个功能，服务端不但要缓存数据，还要封装数据，还要维护Session和Download数据（实际这个数据已经从直播输出给客户端一次了），这种做法既是一种流量的浪费，又是计算资源的浪费，不符合我们做技术的工匠思想；

对于“后端+前端”这种不合理的实时录像方式，我们要想办法杜绝，采用更为合理的“去中心化”做法。

于是，经过了大量的调研和开发，我们摸索出了一套采用wasm前端“转码+合成”的方案，我们通过wasm（WebAssembly）将ES流进行转码和封装，成为MP4录像需要的“H.264/H.265+AAC”的数据，再从BLOB下载合成后的数据就搞定了，非常好的一个功能！