HTML5 audio tag i internet radio

[barbarin]

Pozdrav!

Ima li možda neko ideju (ako je uopće moguće) kako napraviti šablonu za neki audio stream (internet radio), uz prikaz metadata informacija (ID3 Tag, codec, bitrate,...)? Treba mi isključivo HTML5, Flash je isključen.

Ako napravim *.html fajl sadržaja:

<audio autoplay="autoplay" controls="controls">
  <source src="http://stream.kruegerfm.net:666/mp3" />
</audio>

rezultat, kad fajl otvorim u browseru, je player, ali bez ikakvih podataka o tome šta svira:

-> primjer u attachmentu

Znači ideja je da u šablonu po potrebi ubacujem link koji mi padne na pamet kao onaj gore kruegerfm.net u primjeru, a da vidim barem naziv izvođača i naslov pjesme.

Unaprijed hvala na konstruktivnim savjetima!

 

[kobayashi]

Pa ne može to samo sa čistim HTML5, mora "malo" i JavaScript-a, a ako baš hoćeš i podatke o stanici i trenutnoj numeri, moraš koristiti i JSON.

Verovatno ima na internetu gotovih plejera, a ovde imaš detaljno objašnjen postupak za jPlayer plugin za jQuery, na primeru stream-ova norveške NRK (druga polovina stranice):
https://dev.opera.com/articles/html5-audio-radio-player/

Takođe, veoma je važno da imaš u vidu da ne postoji audio format koga podržavaju svi browser-i, pa moraš uraditi stream u nekoliko formata korišćenjem više <source> elemenata.