2017-01-16 79 views
0

我有一個簡單的音樂播放器用html5/javascript編寫,只能播放一個循環,一個播放/暫停按鈕。 LINK 1 我試圖建立一個新的播放器,可以播放多個歌曲與箭頭功能。經過幾天的研究,我發現了一個我非常喜歡的參考。我將引用中的代碼合併到我的第一個腳本中,並創建了LINK 2,這根本不起作用。音樂播放器搞砸了視頻播放器

var audio = new Audio(), 
i = 0; 
var playlist = new Array('http://www.w3schools.com/htmL/horse.mp3','http://sifidesign.com/audio/explosion.mp3'); 

Audio.addEventListener('ended', function() { 
i = ++i < playlist.length ? i : 0; 
console.log(i) 
Audio.src = playlist[i]; 
Audio.play(); 
}, true); 

Audio.volume = 0.5; 
Audio.loop = false; 
Audio.src = playlist[0]; 

function aud_play_pause() { 
if (Audio.paused) { 
Audio.play(); 
} 
else { 
Audio.pause(); 
} 
} 

我對編碼知之甚少。我只想要一個可以播放多首歌曲的單鍵播放/暫停播放器。請幫忙:)

+0

請提供更多的信息。你得到了什麼錯誤,你認爲哪部分不能工作等等。 – Deepend

回答

1

試試看audioAudio之間的區別。

您需要的是創建的實例(audio,您命名爲小寫),但您試圖通過調用Audio來達到目的。由於JavaScript中的變量名稱區分大小寫,因此您的代碼無法按預期工作。

這裏是一個工作的例子 - http://jsfiddle.net/panamaprophet/nfpa7j5n/

+0

你使用相同的變量'i'來控制兩個不同的計數器 –

+0

歡呼隊友! –