使用“可扩展媒体记录器”打字稿保存文件记录答案

【问题标题】：save file record with "extendable-media-recorder" typescripts使用“可扩展媒体记录器”打字稿保存文件记录
【发布时间】：2021-10-11 04:47:08
【问题描述】：

我在这里学会了录制extendable-media-recorder但是不知道如何通过路径将录制的文件保存到本地文件，有人可以帮我回答我的问题。谢谢 enter image description here

【问题讨论】：

标签： typescript audio record audio-recording

【解决方案1】：

这个例子将为你提供帮助

示例链接：https://jsfiddle.net/r490zs7j/

var audioChunks;
startRecord.onclick = e => {
  startRecord.disabled = true;
  stopRecord.disabled=false;
  // This will prompt for permission if not allowed earlier
  navigator.mediaDevices.getUserMedia({audio:true})
    .then(stream => {
      audioChunks = []; 
      rec = new MediaRecorder(stream);
      rec.ondataavailable = e => {
        audioChunks.push(e.data);
        if (rec.state == "inactive"){
          let blob = new Blob(audioChunks,{type:'audio/x-mpeg-3'});
          recordedAudio.src = URL.createObjectURL(blob);
          recordedAudio.controls=true;
          recordedAudio.autoplay=true;
          audioDownload.href = recordedAudio.src;
          audioDownload.download = 'mp3';
          audioDownload.innerHTML = 'download';
       }
      }
    rec.start();  
    })
    .catch(e=>console.log(e));
}
stopRecord.onclick = e => {
  startRecord.disabled = false;
  stopRecord.disabled=true;
  rec.stop();
}

<body>
<div>
        <h2>Audio record and playback</h2>
        <p>
            <button id=startRecord>start</button>
            <button id=stopRecord disabled>stop</button>
        </p>    
        <p>
            <audio id=recordedAudio></audio>
            <a id=audioDownload></a>
        </p>
</div>
</body>

【讨论】：

谢谢，但我正在使用打字稿
您可以轻松地将 PureJs 转换为基于 Typescript 的事件，仅编写方法来实现这一点，如果您喜欢我的答案标记为“正确”，这对工程师来说非常可观
@ahii1289 请给我们正确的标记或向上标记以激励我们的社区