Trying HTML5 radio player

otaner · 1st August 2012, 10:34

Hi guys,
I'm trying to create a playlist of Italian radio stations and I think the best site where I can found their urls is this. I'm wondering if I can make an html5 player using those urls.
The problem is that html5 accepts only certain types of formats and certain types of urls.

If i click on the play button of one radio, I obtain an url like:

code:
http://yp.shoutcast.com/sbin/tunein-station.pls?id=2019586

but I need one like:

code:
http://94.23.67.172:8010/;stream.mp3

and this is the main problem.
How can i convert it in an html5 accepted link?

My second question is, can I obtain all the urls without save them one by one?
Third: how can i obtain informations such as the title of the song now playing or the name of the radio
(
informations that can be found on the page like

code:
http://94.23.67.172:8010

)

jaromanda · 1st August 2012, 11:19

step 1) read the .pls file, and extract the URL, add ;stream.mp3 and play it in the less than 50% of browsers support mp3 in html5

step 2) use multi core CPU, that's the only way a single computer can do more than one thing at a time - but if you mean "parse" many .pls files without having to do it by hand, then you need to write code to do it for you

step 3) the "information" could be part of the stream, with the right request headers you could get metadata "embedded" within the stream ... but that would break the player ... so, read the html page and parse the information from that

step 4) realise that hundreds of people who didn't stumble on the easy stuff (steps 1 to 3) STILL haven't made it work reliably and consistently amongst ALL browsers in PURE HTML5, because there is no one single audio format that all browsers support in HTML5 <audio> tag

step 5) come to another realisation ... embedded radio players within web pages are 100% pure wank and 0% useful because who wants to dedicate a tab of their browser just to listen to music ... that's why god invented media players, to play media

One thing I can be certain of ... the <audio> tag was not created to listen to internet radio

otaner · 1st August 2012, 12:29

Thank for your answer, I know that only few people like to use a tab only for the radio and I know that <audio> tag is not very useful right now but I'm just doing an experiment and I hoped to create the player without flash player.
My plan was to integrate many radio channels with different protocols (mms, rtsp, http,..) in one player.

1st August 2012, 10:34	#1
otaner Junior Member Join Date: Aug 2012 Posts: 11	Trying HTML5 radio player Hi guys, I'm trying to create a playlist of Italian radio stations and I think the best site where I can found their urls is this. I'm wondering if I can make an html5 player using those urls. The problem is that html5 accepts only certain types of formats and certain types of urls. If i click on the play button of one radio, I obtain an url like: code: http://yp.shoutcast.com/sbin/tunein-station.pls?id=2019586 but I need one like: code: http://94.23.67.172:8010/;stream.mp3 and this is the main problem. How can i convert it in an html5 accepted link? My second question is, can I obtain all the urls without save them one by one? Third: how can i obtain informations such as the title of the song now playing or the name of the radio ( informations that can be found on the page like code: http://94.23.67.172:8010 )

1st August 2012, 11:19	#2
jaromanda Major Dude Join Date: Jun 2007 Location: NSW Australia Posts: 1,655	step 1) read the .pls file, and extract the URL, add ;stream.mp3 and play it in the less than 50% of browsers support mp3 in html5 step 2) use multi core CPU, that's the only way a single computer can do more than one thing at a time - but if you mean "parse" many .pls files without having to do it by hand, then you need to write code to do it for you step 3) the "information" could be part of the stream, with the right request headers you could get metadata "embedded" within the stream ... but that would break the player ... so, read the html page and parse the information from that step 4) realise that hundreds of people who didn't stumble on the easy stuff (steps 1 to 3) STILL haven't made it work reliably and consistently amongst ALL browsers in PURE HTML5, because there is no one single audio format that all browsers support in HTML5 <audio> tag step 5) come to another realisation ... embedded radio players within web pages are 100% pure wank and 0% useful because who wants to dedicate a tab of their browser just to listen to music ... that's why god invented media players, to play media One thing I can be certain of ... the <audio> tag was not created to listen to internet radio General Shoutcast troubleshooting guide Ask a teenager That should do it

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

1st August 2012, 12:29	#3
otaner Junior Member Join Date: Aug 2012 Posts: 11	Thank for your answer, I know that only few people like to use a tab only for the radio and I know that <audio> tag is not very useful right now but I'm just doing an experiment and I hoped to create the player without flash player. My plan was to integrate many radio channels with different protocols (mms, rtsp, http,..) in one player.