Html5的object标签和audio标签在使用data url时的区别

Question

我需要使用音频标签在 html5 中播放一些音乐。数据是由服务器生成的base64字符串（data:audio/wav;base64,xxxxxx）。 像图片标签一样，据说音频标签也可以使用数据url，所以我尝试了这个：

<audio controls="controls" autobuffer="autobuffer" autoplay="autoplay" 
src="data:audio/midi;base64,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"/>

但我失败了，什么也没发生。 我搜索了结果，发现了这个：

Play audio using base64 data in html5

答案里有数据url，我试了一下，很好玩。

所以我认为我的base64数据是错误的，但是当我将数据url放入浏览器地址栏中时。它是由某些插件播放的！就像下面一样的性能（效果很好但需要使用插件）：

<object width="50%" height="50%"type="audio/midi" data="data:audio/midi;base64,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"></object>

所以我的问题是：这两种方式有什么区别？

我认为使用音频标签时可能应该包含一些文件头，但我不确定。

我找到这个链接，这个人使用 header 模板（RIFFWAVEfmt \x10\x00\x00\x00\x01\x00\x01\x00\x02\x00\x10\x00data"):

Playing audio from data:url google chrome mobile

感谢任何帮助，在此先感谢。

编辑 哦，很遗憾发现大多数浏览器不支持音频/MIDI数据类型，对象标签可以播放，因为插件更强大。 我在这里找到了一个 midi.js：

https://github.com/mudcube/MIDI.js

Answer 1

您的 mimetype (?) 似乎是 audio/midi 而不是 audio/wav。它也取决于浏览器。我使用了相同类型的代码，只是我将音频/wav (*.wav) 转换为 Base64。使用音频/wav 和 Base64 转换的 (http://www.motobit.com/util/base64-decoder-encoder.asp) 数据，我可以播放音频。

在 HTML5 中也无法识别自动缓冲，这可能是我测试的 VS 2013 Express for web 的怪癖。我拿了一个扩展名为 *.wav 的音频文件并将其转换为 Base64 并将其插入您的代码（使用音频/wav），它在 Mozilla Firefox 中播放良好。

下面是 IE 11、Safari 5.1.7 和 Mozilla 26.0 如何显示带有音频标签的页面：

http://hodentek.blogspot.com/2014/03/internet-explorer-11-cannot-play-audio.html

以下是转换为 Base64 并返回的代码： http://www.aspfree.com/c/a/vb-net/encodingdecoding-web-service-web-service-provider/