当前位置:网站首页>H5 web player easyplayer How does JS realize live video real-time recording?
H5 web player easyplayer How does JS realize live video real-time recording?
2022-07-07 09:28:00 【TSINGSEE】
EasyPlayer The series has been done for a whole 8 Years. , From the very beginning EasyPlayerRTSP edition , To the later RTMP edition 、Pro edition 、js edition , There are countless audiences , hope EasyPlayer Can continue to be excellent as always .
lately , There is a user on our EasyCVR Put forward a demand for real-time video player . According to the previous concept , How can web pages be like C/S The client does real-time video recording like that ? Because it is almost impossible for browsers to write local files .
In the past practice , Realize this user demand , Basically, it adopts “ Back end + front end ” Cooperate to realize this video recording function . The back end receives the instruction of the front end to record , A copy of the audio and video data to be sent to the front end is stored in the server , After receiving the stop recording instruction from the front end , Then put the whole cached data , Package into MP4, For users to download .
in fact , This way is actually very unreasonable . Just imagine , If there are thousands of users using this function , The server should not only cache data , And encapsulate data , And maintenance Session and Download data ( Actually, this data has been output from the live broadcast to the client once ). This practice is a waste of traffic , It is also a waste of computing resources , It is not in line with the craftsman thought of technology developers .
about “ Back end + front end ” This unreasonable way of real-time video recording , We need to find ways to improve , Adopt a more reasonable “ De centralization ” practice .
therefore , After a lot of research and development , We have found out a way to adopt wasm front end “ transcoding + synthesis ” The plan , We go through wasm(WebAssembly) take ES Stream is transcoded and encapsulated , Become MP4 Video required “H.264/H.265+AAC” The data of , Again from BLOB Download the synthesized data ! This is really a great feature !
our EasyPlayer Video streaming media series player , Can support H.264/H.265 Video coding , And has multiple versions , Include EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro etc. , 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 .
边栏推荐
- 華為HCIP-DATACOM-Core_03day
- STM32 clock system
- Pytest+request+allure+excel interface automatic construction from 0 to 1 [familiar with framework structure]
- scrapy爬虫mysql,Django等
- Postman interface debugging method
- Unity3d interface is embedded in WPF interface (mouse and keyboard can respond normally)
- Huawei hcip datacom core_ 03day
- Nested (multi-level) childrn routes, query parameters, named routes, replace attribute, props configuration of routes, params parameters of routes
- 进程间的通信方式
- 【SVN】SVN是什么?怎么使用?
猜你喜欢
C language pointer (Part 2)
VSCode+mingw64+cmake
How to pass the PMP Exam in a short time?
Jenkins+ant+jmeter use
stm32和电机开发(从单机版到网络化)
Mysql:select ... for update
Detailed learning notes of JVM memory structure (I)
超十万字_超详细SSM整合实践_手动实现权限管理
Pytest+request+allure+excel interface automatic construction from 0 to 1 [five nails / flying Book notice]
Jenkins modifies the system time
随机推荐
scrapy爬虫mysql,Django等
Netease Cloud Wechat applet
JS judge whether checkbox is selected in the project
**grafana安装**
Binary tree high frequency question type
【SVN】SVN是什么?怎么使用?
C language pointer (Part 1)
H5网页播放器EasyPlayer.js如何实现直播视频实时录像?
Selenium mouse sliding operation event
信息安全实验一:DES加密算法的实现
Mysql database transaction learning notes
Network request process
Pycharm importing third-party libraries
JS inheritance prototype
Systick tick timer
Pick up the premise idea of programming
Locust performance test 3 (high concurrency, parameter correlation, assembly point)
Mysql database index study notes
What is the rating of Huishang futures company? Is it safe to open an account? I want to open an account, OK?
Kubernetes cluster capacity expansion to add node nodes