将HTML5音频添加为嵌入式mp3数据URI

时间:2017-01-06 10:33:47

标签: base64 html5-audio data-uri

我有一个HTML音频元素,可以在点击时播放链接的.mp3文件:

<audio id="yourAudio" preload="none" onplay="playing(this);" onended="stopped(this);">
    <source src="/sandboxassets/pronunciations/esdar1e007.mp3" type="audio/mpeg">
</audio>

我不想在HTML源代码中显示指向音频文件(/sandboxassets/pronunciations/esdar1e007.mp3)的直接链接。有什么方法可以混淆它吗?我知道我们可以使用base64编码来混淆图像链接,将它们转换为数据URI,但我不知道如何使用mp3文件,如果可能的话。此外,这是一个明智的移动兼容性吗?

另外:为了它的价值,我的页面上最多可以有5个这样的音频元素,每个这样的元素加载一个大小在8kB到20kB之间的mp3。我假设这种情况应该证明更高的文件大小,而不是更少的HTTP请求权衡。但如果我错了,请纠正我。

0 个答案:

没有答案