当前位置:网站首页>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 .
边栏推荐
- When inputting an expression in the input box, an error is reported: incorrect string value:'\xf0\x9f... ' for column 'XXX' at row 1
- Redis common commands
- Register address name mapping
- 4、 Fundamentals of machine learning
- DRF authentication, permissions, and flow restrictions (only for views in DRF)
- Sublime Text4 download the view in bower and set the shortcut key
- Where is the answer? action config/Interceptor/class/servlet
- C language pointer (Part 2)
- Test Engineer Interview Questions 2022
- MySQL common statements
猜你喜欢
答案在哪里?action config/Interceptor/class/servlet
Mysql:select ... for update
STM32 and motor development (from stand-alone version to Networking)
Network request process
Huawei HCIP - datacom - Core 03 jours
Pycharm importing third-party libraries
STM32 clock system
四、机器学习基础
stm32和电机开发(从单机版到网络化)
Over 100000 words_ Ultra detailed SSM integration practice_ Manually implement permission management
随机推荐
Jenkins task grouping
信息安全实验二 :使用X-SCANNER扫描工具
Port multiplexing and re imaging
asp. How to call vb DLL function in net project
Netease cloud wechat applet
Where is the answer? action config/Interceptor/class/servlet
LeetCode每日一题(2316. Count Unreachable Pairs of Nodes in an Undirected Graph)
CMD startup software passes in parameters with spaces
Using JWT to realize login function
Jmeters use
flinkcdc 用sqlclient可以指定mysqlbinlog id执行任务吗
How does the project manager write the weekly summary and weekly plan?
4、 Fundamentals of machine learning
Add new item after the outbound delivery order of SAP mm sto document is created?
Regularly modify the system time of the computer
Oracle安装增强功能出错
Zen - batch import test cases
nlohmann json
正则匹配以XXX开头的,XXX结束的
Netease Cloud Wechat applet