vue3移动h5录音功能开发

下载插件

pnpm i js-audio-recorder

使用

项目中引用插件

import Recorder from 'js-audio-recorder';

let record = ref<Recorder>()


const startRecording=()=>{
  navigator.mediaDevices.getUserMedia({ audio: true })
    .then((stream) => {
      record.value = new Recorder(stream);
      record.value.start();
    })
    .catch((error) => {
      console.error('Error accessing microphone:', error);
    });
},
const stopRecording()=>{
 record.value.stop();

  const blob = record.value.getWAVBlob()
  const newbolb = new Blob([blob], { type: 'audio/wav' })
  const fileType = new File([newbolb], 'file.wav', { type: 'audio/wav' })
 // 下面就可以写处理录音完成后的逻辑
},