頁面加載和rand變量隨機化歌曲。我想要playagain按鈕來暫停歌曲並再次調用rand varibale,以便它再次隨機播放歌曲。所以當我按下播放按鈕時,它會播放不同的歌曲。 playagain按鈕正在暫停歌曲,但rand變量不會再次隨機化。有沒有辦法解決這個問題?如何獲得隨機歌曲在JavaScript中使用數組播放?
HTML:
<audio id="mytrack" controls>
<source src="Song1.wav" type = "audio/wav"/>
</audio>
<audio id="gd" controls>
<source src="Song2.mp3" type = "audio/mp3"/>
</audio>
<button type="button" id="playButton"></button>
<button type="button" id="playagain"></button>
的JavaScript:
var mytrackJS = document.getElementById('mytrack');
var playButtonJS = document.getElementById('playButton');
var playagainJS = document.getElementById('playagain');
var gdJS = document.getElementById('gd');
var audioPlaying = [mytrackJS, gdJS];
var rand = audioPlaying[Math.floor(Math.random() * audioPlaying.length)];
playButtonJS.addEventListener('click', playOrPause, false);
playagainJS.addEventListener('click', random, false);
function random() {
var rand = [Math.floor(Math.random() * audioPlaying.length)];
playOrPause();
}
function playOrPause() {
if (!rand.paused && !rand.ended){
rand.pause();
playButtonJS.style.backgroundImage = 'url(playbutton.svg)';
}
else{
rand.play();
playButtonJS.style.backgroundImage = 'url(pausebutton.png)';
}
}
首先,'playagainJS.addEventListener('clcik',random,false);',這應該是'點擊「而不是」clcik「。另外,爲什麼你從HTML元素列表中選擇一個隨機元素? – Palle
謝謝我解決了錯字。我試圖讓它隨機挑選一首歌曲然後播放它。然後當playagain按鈕被點擊時,它會暫停歌曲並隨機選擇另一首歌曲。 – Deps