页面加载和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