HTML5 | audio tag之應用

隨著HTML5的普及,漸漸地取代以前傳統的flashplayer,和更久之前IE上的ActiveX,事實上HTML5的audio tag非常強大,支援 ogg, mp3, wav ,這三種格式就差不多可以打片天下無敵手了,但是問題來了,就仰賴支援這三種格式就可以使用 pls 檔的串流媒體嗎?

答案是,可以的。
其實 pls 檔只是個播放清單,內容格式大致上為

[playlist]
NumberOfEntries=1 //此為邊號
File1=http://IP:PORT/ //此為串流來源網址

當然我們並不需要那個沒有用的號碼,我們只需要那個串流的來源網址 http://IP:PORT/。

而我們都知道 audio tag 的形式是呈現如此

<audio controls="controls" src="url"> </audio>

所以我們只要Past上去就可以使用了,最後則會呈現如此

<audio controls="controls" src="http://IP:PORT/;"> </audio>



此為執行結果後的example 
串流源為 AnimeNfo Radio



PS. 如果想要弄清單的話,可能可以使用JS去修改audio的src內容

0 件のコメント:

コメントを投稿