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

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下载合成后的数据就搞定了,非常好的一个功能!

EasyCVR客户端录像
EasyPlayer.js直播视频录像MP4

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值