前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >H.265网页播放器EasyPlayer实现WebRTC视频实时录像功能

H.265网页播放器EasyPlayer实现WebRTC视频实时录像功能

原创
作者头像
TSINGSEE青犀视频
修改2022-07-13 16:58:17
1.9K0
修改2022-07-13 16:58:17
举报
文章被收录于专栏:TSINGSEE青犀视频

我们在此前的文章中给大家分享过关于EasyPlayer已经实现了实时录像的功能,感兴趣的用户可以戳这篇文章:H5网页播放器EasyPlayer.js如何实现直播视频实时录像?

经过我们不断地摸索和研发,EasyPlayer采用了wasm前端“转码+合成”的方式,通过wasm(WebAssembly)将ES流进行转码和封装成为MP4录像需要的“H.264/H.265+AAC”的数据,再从BLOB下载合成后的数据,从而实现EasyPlayer播放器实时录像的功能。

继EasyPlayer播放FLV和HLS流协议支持前端实时录像后,我们又迎来了webrtc协议也能支持前端实时录像的功能。今天和大家分享一下代码实现过程。

在播放工具栏新增录屏按钮,并进行事件绑定,当点击录像结束时,调用录像自动下载:

将录像获取的数据进行压缩,然后进行文件下载:

我们的EasyPlayer视频流媒体系列播放器,目前拥有多个版本,包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等,支持H.264/H.265视频编码,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。

用户可以根据自身的需求对其进行二次开发或自主集成。感兴趣的用户可以前往官网下载、部署和测试。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档