javascript - 如何在 HTML5 或 JavaScript 中播放带有动态 URL 的 MP3 音频？

Question

在 JavaScript 或 HTML5 中，如何使用动态而不是静态URL 播放 MP3 音频？

示例 - 以下内容不起作用：

<audio controls="controls">
  <source src="http://translate.google.com/translate_tts?tl=en&q=Hello%2C+World" type="audio/ogg">
</audio>

提前致谢！

Answer 1

从标题中可以看出，这是音频/mpeg，而不是音频/ogg：

Content-Type:audio/mpeg

试试这个：

<audio controls="controls">
  <source src="http://translate.google.com/translate_tts?tl=en&q=Hello%2C+World" type="audio/mpeg">
</audio>

http://jsfiddle.net/ZCwHH/

适用于播放 mp3 的浏览器，例如 google chrome。

Answer 2

我不确定您要在示例中实现什么，但就使用 HTML5 播放音频而言，您可以通过以下方式简单地做到这一点：

Static Url:

<audio controls="controls">
  <source src="mySong.mp3" type="audio/mpeg">
</audio>

Dynamic Url:（只需在 src 属性中打印该 url）

<audio controls="controls">
  <source src="<%Reponse.Write(url);%>" type="audio/mpeg">
</audio>

希望它能解决这个问题。