Question

In JavaScript or HTML5, how to play MP3 audio with dynamic, rather than static, URL?

Example – the following doesn’t work:

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

Thanks in advance!

Answer 1

That’s audio/mpeg, not audio/ogg, as seen from headers:

Content-Type:audio/mpeg

Try this:

<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/

Works in browsers that play mp3, like google chrome.