Javascript制作音频点滴

Question

我正在测试html音频标签，我想要让音频博客url的，就像youtube或vimeo一样，并将它添加到"src"中开始播放音频。

我一直在用new Blob()和URL.createObjectURL()进行测试，但我不知道如何使用它。

我想做这样的事情：<audio controls src"blob:null/8142a612-29ad-4220-af08-9a31c55ed078"></audio>

我非常感谢你的帮助。

Answer 1

假设您有像这样的base64编码版本的音频

data="data:audio/ogg;base64,T2dnUwACAAAAAAAAAADSeWyXAU9nZ1MAAAAAAAAAAAAA0nl";

1.首先删除base64头(序言)，并将其解码为纯二进制形式，其形式与iPad中的格式相同。您可以在github上使用convertDataURIToBinary，这是硼峡提供的一个很好的片段。

var binary= convertDataURIToBinary(data);

2.现在从二进制文件中创建一个Blob；指定它的音频类型

var blob=new Blob([binary], {type : 'audio/ogg'});

3.现在从这个blob中创建Blob url

var blobUrl = URL.createObjectURL(blob);

现在，只需将<source>的<source>属性替换为blob url.In，您已经有了纯解码的二进制文件，然后只需执行步骤3

https://jsfiddle.net/sanddune/uubnnr0w/