h5 如何录音保存上传_原生h5实现录音和录视频

核心函数是 navigator.mediaDevices.getUserMedia

audio:true表示录音

video:true表示录相，video可设置width height

Document

let recorder

function start() {

let videoTarget = document.getElementById('audio');

navigator.mediaDevices.getUserMedia({audio: true, video: {width: 400, height: 600}})

.then((stream) => {

recorder = new MediaRecorder(stream);

videoTarget.srcObject = stream;

videoTarget = (...arg) => {

console.log(arg);

}

recorder.ondataavailable = (event) => {

let url = URL.createObjectURL(event.data);

let link = document.createElement("a");

link.target = "_blank";

link.href = url;

link.click();

}

recorder.start();

});

}

function stop() {

recorder.stop();

}