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

xiejiashu xiejiashu     2022-11-29     637

关键词:

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


h5网页播放器easyplayer.js如何实现直播视频实时录像?

EasyPlayer系列做了整整8年了,从最开始的EasyPlayerRTSP版,到后来的RTMP版、Pro版、js版,受众用户已经不计其数了,希望EasyPlayer能一如既往地优秀下去。最近,有位用户对我们的EasyCVR提出了一种关于播放器实时... 查看详情

支持h.265网页播放的h5播放器easyplayer.js发布了

...09;直播和点播的支持,WebAssembly(wasm)》、《EasyPlayer.js开发WebH5网页播放H.265视频播放支持FLV与HLS直播与点播的过程》里面,我们提到的关于支持H.265网页播放的H5播放器EasyPl 查看详情

集rtmphlsflv,websocket于一身的网页直播/点播播放器方案easyplayer.js视频播放界面快照和拉伸按钮显示多个的处理流程

背景分析EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js,极大地方便了开发者在解决B/S型业务开发时遇到的播放器接入的问题,比如:不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接... 查看详情

如何通过api调用easyplayer.js播放器的视频实时录像功能?

我们在前期的文章介绍过关于流媒体播放器EasyPlayer.js已经实现了直播视频实时录像的功能,感兴趣的用户可以戳这篇文章进行了解:《H5网页播放器EasyPlayer.js如何实现直播视频实时录像?》该功能上线后,收到了... 查看详情

h5网页播放器easyplayer.js播放器界面的加载效果无法消失是什么原因?

EasyPlayer支持视频播放画面秒开,画质高清、性能稳定,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等。我们也提供了简单易用的SDK及API接口,用户可以根据自己的需求,将EasyPlayer集成进自己的流媒体平台。有... 查看详情

h.265网页播放器easyplayer实现webrtc视频实时录像功能

我们在此前的文章中给大家分享过关于EasyPlayer已经实现了实时录像的功能,感兴趣的用户可以戳这篇文章:H5网页播放器EasyPlayer.js如何实现直播视频实时录像?经过我们不断地摸索和研发,EasyPlayer采用了wasm前端... 查看详情

easyplayer.js视频播放器对vr直播的支持

EasyPlayer.js近期又有比较大的功能升级动作,在巩固原有对FLV、HLS协议流支持的基础上,不断优化H.264、H.265的播放效率,同时,EasyPlayer.js经过数月的开发与调试,已经支持VR播放了,后续将加紧合并,... 查看详情

h265编码视频流媒体播放器easyplayer.js支持9宫格视频同屏播放的写法

TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支,其中EasyPlayer.js就是集成在EasyNVR、EasyGBS等平台内进行直播的网页播放器,并且EasyPlayer.js已经成功实现了VR视频的播放(TSINGSEE青犀视频云服务将从EasyPlayer.js播放... 查看详情

easyplayer.jsh5视频播放器增加对webrtc的支持

作为Easy系列产品标配的H5播放器,EasyPlayer.js近期又增加了新的功能升级,在持续迭代原有对FLV、HLS、WebSocket协议流支持的基础上,不断优化H.264、H.265的播放效率,同时,EasyPlayer.js经过新的开发与调试,在... 查看详情

easyplayer.jsh5视频播放器增加对webrtc的支持

作为Easy系列产品标配的H5播放器,EasyPlayer.js近期又增加了新的功能升级,在持续迭代原有对FLV、HLS、WebSocket协议流支持的基础上,不断优化H.264、H.265的播放效率,同时,EasyPlayer.js经过新的开发与调试,在... 查看详情

h.265流媒体播放器easyplayer.js集成时页面报错出现“x”,该如何解决?

在上几期的文章中,我们介绍了关于EasyPlayer流媒体播放器最近更新的一些功能和细节优化,包括网页实时录像、ios端低延迟直播,以及如何删除或替换播放器loading样式等,感兴趣的用户可以翻阅我们往期的文章... 查看详情

easyplayer.js播放m3u8报错net::err_empty_response,如何解决?

...的稳定性和可靠性,同时我们也有自己的网页播放器EasyPlayer.js,能够很好地集成在页面内。EasyPlayer.js可以播放不同格式的视频流,但我们发现测试m3u8时出现错误无法播放,报错信息为:net::ERR_EMPTY_RESPONSE我们... 查看详情

h.265播放器easyplayer使用electron打包后不能播放的问题排查与解决

EasyPlayer属于高可靠、高可用、高稳定性的流媒体播放器。为了满足用户的多样化需求,我们也基于EasyPlayer推出了多种版本,包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。感兴趣的用户可以前往官网下载、部署和测试。EasyPlayer流... 查看详情

h.265网页播放器easyplayer获取视频流正常,但是播放出现黑屏是什么原因?

EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。为了满足用户在不同操作环境下的使用需求,EasyPlayer还具有Windows... 查看详情

easyplayer.js如何在ios上实现低延时直播?flv(wasm)orwebrtc

最近连续收到用户的几个需求,要求在微信这样的直播分享页面上,能以低延时的方式播放实时视频。我们起初以为这只是个简单的需求,直到用户使用iphone测试的时候发现,iPhone只能播放HLS和WebRTC,而当视... 查看详情

easyplayer.js在ios上如何做低延时直播?flv(wasm)orwebrtc

最近连续收到客户的几个需求,要求在微信这样的直播分享页面上,能以低延时的方式播放实时视频,我们满以为这是个简单的需求,直到客户用到iPhone来测试的时候发现,iPhone只能播放HLS和WebRTC,而当视... 查看详情

easyplayer.js在ios上如何做低延时直播?flv(wasm)orwebrtc

最近连续收到客户的几个需求,要求在微信这样的直播分享页面上,能以低延时的方式播放实时视频,我们满以为这是个简单的需求,直到客户用到iPhone来测试的时候发现,iPhone只能播放HLS和WebRTC,而当视... 查看详情

如何对h.265视频播放器easyplayer.js实现音频开启与关闭控制?附代码(代码片段)

EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。TSINGSEE青犀视频的Easy系列视频平台均集成了EasyPlayer播放器作为网页播... 查看详情