當前位置:吉日网官网 - 錢幣收藏 - 靜態(html)網頁如何實現歌曲在線連播

靜態(html)網頁如何實現歌曲在線連播

我做過Flash的播放器,但JS的卻沒做過,但我想原理應該都是壹樣的,按照妳的說法,要用到JS,對網頁中播放器插件進行幀聽。

下面就簡單的說壹下吧

材料:歌曲、歌曲文件列表(可以是XML,也可以是其它的什麼,什麽文件都可以)、幾條簡單的JS語句

處理:

1、生成網頁的時候,將音樂播放器插件的ID命名為WMA,當然,妳可以隨便命名,只是這裏便於說明。

2、讀取XML中的內容。

同時將XM中對應的歌曲名稱與地址存到數組testmp3中(此數組當然是二維數組,數據組分別歌曲名稱與歌曲地址)

好了,到此,準備工作就做好了,下面就是重點---連播。

3、相關語句:

壹、定義函數getWMAtime

二、利用Interval=setInterval("getWMAtime()",900),意思就是每隔900毫秒調用getWMAtime這個函數,並將其放入Interval中。

如果要用到“上壹曲”“下壹曲”,可以將其做為了壹個函數,

將音樂的地址賦給WMA.URL,用WMA.controls.play();播放,用WMA.controls.stop();停止播放,用WMA.controls.pause();暫停播放。改變了音樂地址後,記得用Ajax載入新的歌詞!

另:

getWMAtime函數的內容為讀取當前詞曲的播放時間

當前的播放時間:WMA.controls.currentPosition;

歌曲總時間:WMA.currentMedia.duration;

讀取當前的時候後,與數組中時間項進行對比,相同(由於其它原因,可能會出現不相同的情況,因此則用“>=”)

如果前當播放時間==歌曲總時間,則用JS對WMA.URL屬性進行更改,然後用WMA.controls.play();的地址。

好了,壹個簡單的JS的播放器就完工啦

有不懂的地方可以訪問本人博客,希望***同探討

  • 上一篇:白酒如何長期保存
  • 下一篇:徐悲鴻原作《羊蹄》拍賣654.38+0.02萬元。買家是誰?有什麽背景?
  • copyright 2024吉日网官网