How to stream audio using jquerymobile

How to stream audio using jquerymobile

Ok so here's the deal. I'm trying to develop a simple application to stream audio for a radio station.

I'm using phonegap together with the jquerymobile framework to create applications for the iPhone and Android.

Here's my html body code:

  1. <div data-role="page">
  2. <div id="radioContent">
  3. <div data-role="content">
  4. <a data-role="button" onclick="RadioListenLive()">
  5.                               <div id="radiotext">Listen Live</div>
  6.                         </a>
  7. </div>
  8. </div>
  9. </div>

and here's my .js code:

  1. var radioStream = new Audio('http://yp.shoutcast.com/sbin/tunein-station.pls?id=496891');
  2. var radioPlaying = false;

  4. function RadioListenLive() 
  5. {
  6. try 
  7. {
  8. if (radioPlaying)
  9. {
  10. radioStream.pause();
  11. document.getElementById("radiotext").innerHTML = "Listen Live";
  12. radioPlaying = false;
  13. }
  14. else
  15. {
  16. radioStream.play();
  17. document.getElementById("radiotext").innerHTML = "Click to pause";
  18. radioPlaying = true;
  19. }
  21. }
  22. catch (e) 
  23. {
  24. alert(e.message);
  25. }
  26. }

This works for the iPhone, but not for Android. Is this the correct way to do this? It seems a little bit too.....simple. and I'm confused. I mean, is a valid link all it takes to stream audio??.. I was thinking I would need audio player plugins and such to get it going.

The audio streaming link in this example was found from  http://www.shoutcast.com/ which basically plays a .pls file. Please, any help is appreciated.