How to play MP3 audio with dynamic URL in HTML5 or JavaScript? - Stack Overflow

admin管理员组

文章数量:1341983

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

Share Follow asked Nov 12, 2012 at 10:11 OrionOrion 1,10433 gold badges1616 silver badges4040 bronze badges 3

• 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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

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.

本文标签： How to play MP3 audio with dynamic URL in HTML5 or JavaScriptStack Overflow