如何使用 howler.js 在客户端播放录制的音频 blob？

【问题标题】：How can you play a recorded audio blob on the client side using howler.js?如何使用 howler.js 在客户端播放录制的音频 blob？
【发布时间】：2020-10-21 08:07:05
【问题描述】：

目的是在客户端录制音频文件，并使用 blob URL 播放，而不使用 HTTP GET。

我的逻辑是这样的：

var blob = "blob:null/5fa0fa6d-0b2a-4be6-a762-c81e4bf88f0d";
var url = (window.URL || window.webkitURL ).createObjectURL(blob);
var sound = new Howl({
  src: [url]
});
sound.play();

【问题讨论】：

标签： javascript audio audio-recording howler.js bloburls

【解决方案1】：

您可以在 Howl 的 src 中使用 URL 或 base64 数据 URI。 https://github.com/goldfire/howler.js#options

我使用 base64 src 创建了示例。 https://stackblitz.com/edit/js-nylkdl?file=index.js

干杯

【讨论】：

非常感谢！第二个链接的代码非常干净。