如何使用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，而不是audio / 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>

希望它能解决这个问题。