Yahoo Media Player (http://mediaplayer.yahoo.com/)是一個讓你在網頁上放置一個MP3播放器的一個javascript,只要很簡單的步驟就可以讓你blog或網站上的音樂檔連結一點就直接在網頁上播放(方法請看他網站 很簡單)。 這種東西並當然不是第一次出現,但是YMP的特色在於易用性、支援串流還有跨平台。
事實上 他是透過javascript控制一個flash來播放,所以mp3播放的部份可以跨平台。
另外在某些情況下它不只支援mp3,例如在windows上只要你windows media player可以播放的它都能放,例如你有裝ogg plugin 就可以用他撥ogg,不過這種還要收聽者電腦安裝其他東西的功能就顯得比較沒用一點。
我對這東西有興趣的地方在於支援串流以及跨平台的部份,這表示他可以當作一個不錯的網路電台撥放器。
Yahoo Media Player 載入完畢後會自動抓取網頁中所有連結網址(href)中有.mp3的部份,然後將他改成點擊就播放的連結。可是電台的收聽網址通常都不是mp3結尾。我們可以在連結的class加入htrack作為標示,YMP會抓取class有htrack的連結作為播放連結。如下:
<a class="htrack" href=http://xxxx.fff.xxxx:8000/fff>點此收聽</a>
目前大家最常用的shoutcast , icecast這兩個電台server,要使用YMP來收聽電台的話,電台音源必須要是mp3,除非聽眾的電腦有裝ogg plugin(要他電腦的windows media player可以播放ogg才算,其他foobar200, winamp等是內建ogg支援的 )。不過就我的測試,只有icecast的可以向上面的那個方式使用。如果電台是shoutcast的話,直接放"http://xxxx.fff.xxxx:8000","http://xxxx.fff.xxxx:8000/listen.pls"都沒辦法收聽。 在網路上找到的解法就是用http://xxxx.fff.xxxx:8000/;aaa.mp3 (那個aaa是可以隨便替換的),這個方法就是在shoutcast server網址的後面加上 ;(隨便打什麼字).mp3 。
<a class="htrack" href=http://xxxx.fff.xxxx:8000/;listen.mp3>點此收聽</a>
(這裡正常情況下 class="htrack"可以不用加 因為副檔名是mp3)
下面這個是我修改shoutcast server (windows版), 在介面中加入yahoo media player
修改的地方有 (有興趣的也可以用 hex editors自己改)
1. 在header加入:<script type="text/javascript" src="http://mediaplayer.yahoo.com/latest"></script>
2. Listen的連結改成<a class="tn1 htrack" href="./;listen.mp3">Listen</a>
3. header中的charset改成big5
注意:
如果是在開電台的電腦上看(網址是localhost)的話,可能會因為瀏覽器安全性設定的關係造成運作不正常(因為瀏覽器預設通常不能在localhost載入flash)。
下載 Shoutcast Server1.9.8 + Yahoo Media Player + Big5
補充一下一些資源:
Wiki http://yahoomediaplayer.wikia.com/wiki
API Document http://mediaplayer.yahoo.com/api/
沒有留言:
張貼留言