JavaScript基于MediaRecorder录制mp4视频或webm视频并下载，JavaScript实现对video标签进行录制mp4视频或webm视频和下载

前言

本章实现网页video标签录制mp4视频或webm视频并下载。
视频录制这种计算密集型任务比较重，比较适合放在后台进行实现，本章适合前端任务不太重的短时间视频录制，长时间录制建议还是走后台录制并提供下载地址给网页前端即可。
所以本章只适用于短时间的视频录制并下载，录制时间太长的视频会导致浏览器卡死、变慢等问题。

前面已经实现了视频截图
《浏览器网页JavaScript实现视频截图并下载，base64图片下载，video标签、hls.js、flv.js和webrtc等方式播放的视频进行截图并下载》的功能，需要对视频进行截图功能的可以参考。

几个问题解答：

需要注意的是video/mp4和video/mp4; codecs="avc1.4D4028, mp4a.40.2的区别，这里的区别就是avc1编码和h.264编码的区别

video/webm的编码分为vp8、vp9和av1，但是并不是所有浏览器都支持这些编码的

浏览器兼容性

浏览器并支持所有视频格式，支持的格式十分有限，而且根据浏览器的不同，支持的也不同，所以最好的方式是录制前检查浏览器的兼容性，并根据兼容性调整录制的视频格式。

如何检测浏览器媒体兼容性

<