如何在html5中使用base64编码添加音频

Question

我有一个以 Base64 和 wav 格式进行音频编码的字符串（我有一个数据链接 - {{vm.record}}）。

我需要在用js + html编写的小部件中添加一个音频播放器。

我不明白为什么这不起作用。我需要在js中写一些东西才能完成这个工作吗？我可以在哪里指定编码？

<audio 
    controls 
    src={{vm.record}} type="audio/wav; base64" autobuffer="autobuffer" autoplay="autoplay">
    Your browser does not support the <code>audio</code> element.
</audio>

我知道“type=”audio/wav; base64”是错误的。

我也尝试过这个，但没有成功：

<audio controls src="data:audio/ogg;base64,T2dnUwACAAAAAAAAAAAfm5nB6slBlZ3Fcha363d5ut7u3ni1rLoPf728l3KcK"/>

Answer 1

您可以使用 Base64 编码的 HTML5

audio

标签，如下所示：

<audio controls autoplay loop src="data:audio/ogg;base64,BASE64CODE" />

不需要

type

！ :)

Answer 2

如果您的音频文件超过约 20MB，那么您可能会在某些浏览器（尤其是 Firefox）中遇到性能问题和错误。因此，我建议使用 convertDataURIToBinary 片段将 Base64 转换为二进制 Blob，如此处所述，然后将其设置为

audio.src

。