前言
本章介绍使用JavaScript如何在浏览器录制电脑摄像头画面为MP4视频文件并下载视频文件到本地。
实现功能
1、使用navigator.mediaDevices.getUserMedia获取摄像头画面
2、将获取到的摄像头画面渲染到canvas画板上
3、将canvas转换为blob对象
4、通过document.createElement(‘a’)调用href方法获取此链接并触发点击事件进行下载mp4文件
代码实现
首先需要支持获取摄像头权限的浏览器支持。比如Chrome和Firefox已经内置了摄像头权限，而其他浏览器可能需要用户手动授予。
1、下面我们首先创建一个HTML页面，包含一个Canvas元素和一个按钮。当用户点击按钮时，将触发录制过程。
<!DOCTYPE html>
<html>
<body