H. 265 web player easyplayer realizes webrtc video real-time recording function

In our previous article, we shared with you about EasyPlayer The function of real-time video recording has been realized , Interested users can stamp this article ：H5 Web player EasyPlayer.js How to realize live video real-time recording ？

After our continuous exploration and research and development ,EasyPlayer Adopted wasm front end “ transcoding + synthesis ” The way , adopt wasm（WebAssembly） take ES The stream is transcoded and encapsulated into MP4 Video required “H.264/H.265+AAC” The data of , Again from BLOB Download the synthesized data , So as to achieve EasyPlayer The function of player real-time recording .

Following EasyPlayer Play FLV and HLS Streaming protocol supports front-end real-time video recording , Here we are again webrtc The protocol can also support the front-end real-time video recording function . Today, I'd like to share with you the code implementation process .

Add a screen recording button in the playback toolbar , And bind events , When you click the end of the video , Call the video to download automatically ：

Compress the data obtained from the video , Then download the file ：

our EasyPlayer Video streaming media series player , There are currently multiple versions , Include EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro etc. , Support H.264/H.265 Video coding , The supported video stream formats are RTSP、RTMP、HLS、FLV、WebRTC etc. , High availability .

Users can carry out secondary development or independent integration according to their own needs . Interested users can go to the official website to download 、 Deployment and testing .