录制 mediasource
时间: 2023-10-10 10:08:12 浏览: 45
录制 Mediasource 的主要步骤如下:
1. 首先,需要检测浏览器的媒体兼容性,确定支持的视频格式。根据不同浏览器的支持情况,可以调整录制的视频格式。可以使用 JavaScript 的 MediaSource.isTypeSupported() 方法来检查浏览器的兼容性。
2. 获取要录制的视频流,并创建一个 MediaRecorder 媒体录制器。通过获取 video 标签当前播放的视频流,将其传输给 MediaRecorder 录制器。
3. 设置录制器的参数,如录制的文件格式和编码方式。可以使用代码来设置音频和视频的编码方式,比如使用 avc1.4D4028 和 mp4a.40.2 编码方式。
4. 开始录制视频。调用录制器的 start() 方法。
5. 定时停止录制,以防止长时间录制。可以设置一个定时器,在一定时间后调用录制器的 stop() 方法停止录制。
6. 从 MediaRecorder 获取录制的 Blob 数据。通过调用录制器的 ondataavailable 事件,可以获得录制的 Blob 数据。
7. 将 Blob 数据赋给一个 a 标签进行下载视频文件。可以创建一个 a 标签,并将 Blob 数据赋给它的 href 属性,然后触发点击事件来下载录制的视频文件。
总结起来,录制 Mediasource 的步骤包括检测浏览器的媒体兼容性、获取视频流、创建 MediaRecorder 媒体录制器、设置录制参数、开始录制、定时停止录制、获取录制的 Blob 数据、下载录制的视频文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [JavaScript基于MediaRecorder录制mp4视频或webm视频并下载,JavaScript实现对video标签进行录制mp4视频或...](https://blog.csdn.net/eguid_1/article/details/130199070)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [流媒体服务器Flussonic Media Server对直播流进行录制](https://blog.csdn.net/weixin_36378832/article/details/119585106)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)