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=";q=Hello%2C+World" type="audio/ogg">
</audio>

Thanks in advance!

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./translate_tts?tl=en&q=Hello%2C+World" type="audio/ogg">
</audio>

Thanks in advance!

• javascript
• html5-audio

• your example makes no example. – xiaoyi Commented Nov 12, 2012 at 10:13
• I have a feeling this could be because google prevents linking on allot off there resources from thrid party sites – Dominic Green Commented Nov 12, 2012 at 10:16
• @xiaoyi: My example demonstrates exactly what I need to do, but it seems that I used the wrong MIME type for the mp3 audio. – Orion Commented Nov 12, 2012 at 10:39

2 Answers 2

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./translate_tts?tl=en&q=Hello%2C+World" type="audio/mpeg">
</audio>

http://jsfiddle/ZCwHH/

Works in browsers that play mp3, like google chrome.

I am not sure what you are trying to achieve in your example but as far as playing audio with HTML5 is concerned you can simply do it in these ways:

Static Url:

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

Dynamic Url: (just print that url in the src attribute)

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

Hope it solves this problem.