前言
本章实现网页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，但是并不是所有浏览器都支持这些编码的文章来源：https://www.toymoban.com/news/detail-736058.html
浏览器兼容性
浏览器并支持所有视频格式，支持的格式十分有限，而且根据浏览器的不同，支持的也不同，所以最好的方式是录制前检查浏览器的兼容性，并根据兼容性调整录制的视频格式。文章来源地址https://www.toymoban.com/news/detail-736058.html
如何检测浏览器媒体兼容性
//检查媒体兼容性到了这里，关于JavaScript基于MediaRecorder录制mp4视频或webm视频并下载，JavaScript实现对video标签进行录制mp4视频或webm视频和下载的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
