请问vue H5页面怎么实现录音功能？

Question

H5页面实现录音功能

Answer 1

可以使用浏览器的媒体API.
参考：

window.AudioContext = window.AudioContext || window.webkitAudioContext;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.mediaDevices.getUserMedia;

audioContent = new AudioContext();
navigator.getUserMedia({audio: true}, this.startUserMedia, function (e) {
    // 异常回调
    call(e)
})

startUserMedia = function (stream) {
  // 音频流回调
  if (audioContent !== undefined) {
    var input = rec.audioContent.createMediaStreamSource(stream);
    // input.connect(rec.audioContent.destination);
    // rec.recorder = new Recorder(input);
    }
}