直接复制就可以用，上传自己改路径
<!DOCTYPE html>
<html><head><title>video recoder</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /></head><style>body {background-color: #efedef;}</style><body><article style="border: 1px solid white; width: 400px; height: 400px; margin: 0 auto; background-color: white"><section class="experiment" style="width: 320px; height: 240px; border: 1px solid green; margin: 50px auto"><div id="videos-container" style="width: 320px; height: 240px"></div></section><section class="experiment" style="text-align: center; border: none; margin-top: 20px"><button id="openCamera">打开摄像头</button><button id="start-recording" disabled>开始录制</button><button id="save-recording" disabled>保存</button><!--<a href="javascript:void(0)" οnclick="send()">发送</a>--></section></article><script>var mediaStream;var recorderFile;var stopRecordCallback;var openBtn = document.getElementById('openCamera');var startBtn = document.getElementById('start-recording');var saveBtn = document.getElementById('save-recording');openBtn.onclick = function () {this.disabled = true;startBtn.disabled = false;openCamera();};startBtn.onclick = function () {this.disabled = true;startRecord();};saveBtn.onclick = function () {saver();// alert('Drop WebM file on Chrome or Firefox. Both can play entire file. VLC player or other players may not work.');};var mediaRecorder;var videosContainer = document.getElementById('videos-container');function openCamera() {var len = videosContainer.childNodes.length;for (var i = 0; i < len; i++) {videosContainer.removeChild(videosContainer.childNodes[i]);}var video = document.createElement('video');var videoWidth = 320;var videoHeight = 240;video.controls = false;video.muted = true;video.width = videoWidth;video.height = videoHeight;MediaUtils.getUserMedia(true, false, function (err, stream) {if (err) {throw err;} else {// 通过 MediaRecorder 记录获取到的媒体流console.log();mediaRecorder = new MediaRecorder(stream);mediaRecorder.blobs = [];mediaStream = stream;var chunks = [],startTime = 0;video.srcObject = stream;video.play();videosContainer.appendChild(video);mediaRecorder.ondataavailable = function (e) {mediaRecorder.blobs.push(e.data);chunks.push(e.data);};mediaRecorder.onstop = function (e) {console.log('mediaRecorder.mimeType', mediaRecorder.mimeType);recorderFile = new Blob(chunks, { type: 'video/mp4' });chunks = [];if (null != stopRecordCallback) {stopRecordCallback();}};}});}// 停止录制function stopRecord(callback) {stopRecordCallback = callback;// 终止录制器mediaRecorder.stop();// 关闭媒体流MediaUtils.closeStream(mediaStream);}var MediaUtils = {/*** 获取用户媒体设备(处理兼容的问题)* @param videoEnable {boolean} - 是否启用摄像头* @param audioEnable {boolean} - 是否启用麦克风* @param callback {Function} - 处理回调*/getUserMedia: function (videoEnable, audioEnable, callback) {navigator.getUserMedia =navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || window.getUserMedia;var constraints = { video: videoEnable, audio: audioEnable };if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {callback(false, stream);})['catch'](function (err) {callback(err);});} else if (navigator.getUserMedia) {navigator.getUserMedia(constraints,function (stream) {callback(false, stream);},function (err) {callback(err);});} else {callback(new Error('Not support userMedia'));}},/*** 关闭媒体流* @param stream {MediaStream} - 需要关闭的流*/closeStream: function (stream) {if (typeof stream.stop === 'function') {stream.stop();} else {let trackList = [stream.getAudioTracks(), stream.getVideoTracks()];for (let i = 0; i < trackList.length; i++) {let tracks = trackList[i];if (tracks && tracks.length > 0) {for (let j = 0; j < tracks.length; j++) {let track = tracks[j];if (typeof track.stop === 'function') {track.stop();}}}}}},};function startRecord() {mediaRecorder.start();setTimeout(function () {// 结束stopRecord(function () {alert('录制成功!');openBtn.disabled = false;saveBtn.disabled = false;//send();});}, 5000);}function saveAs(url, filename = '文件名') {let a = document.createElement('a'); //创建a标签a.setAttribute('href', url); //设置文件下载地址a.setAttribute('target', '_blank'); //在当前页面创建下载a.download = filename;document.body.appendChild(a); //添加到bodya.click(); //触发事件document.body.removeChild(a); //移除标签}function saver() {var file = new File([recorderFile], 'msr-' + new Date().toISOString().replace(/:|\./g, '-') + '.mp4', {type: 'video/mp4',});const url = URL.createObjectURL(recorderFile);saveAs(url, file.name);}function send() {var file = new File([recorderFile], 'msr-' + new Date().toISOString().replace(/:|\./g, '-') + '.mp4', {type: 'video/mp4',});var data = new FormData();data.append('username', 'test');data.append('userfile', file);var req = new XMLHttpRequest();req.open('POST', 'com.spinsoft.bip.frame.utils.image.saveMp4.biz.ext');req.send(data);}</script></body>
</html>
