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

问题描述

目的是在客户端上录制音频文件并使用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();

解决方法

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

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

欢呼