自动随机播放音乐的简单JS网页音乐播放器
一个简单的JS网页音乐播放器可以通过HTML、CSS和JavaScript实现。首先，在HTML中创建一个音频元素和一个播放按钮。然后，使用CSS为音频元素和播放按钮添加样式。最后，使用JavaScript编写代码来控制音频元素的播放和暂停功能。当用户打开网页时，可以使用JavaScript的`window.onload`事件触发器自动随机播放音乐。具体来说，可以创建一个包含多个音频文件的数组，然后使用`Math.random()`函数生成一个随机索引来选择要播放的音频文件。
超简单的JS网页音乐播放器，代码简单明了，小白也会用。当你打开HTML网页时，JS会自动触发window.onload事件，并调用playRandomSong函数播放随机歌曲。播放器会自动选择一个歌曲进行播放，在播放完一首歌曲后自动随机选择另一首歌曲继续播放。
<!DOCTYPEhtml><html><head><title>音乐播放器</title><script>window.onload=function(){varaudio=document.getElementById("audioPlayer");audio.addEventListener('ended',playRandomSong);playRandomSong();};functionplayRandomSong(){varsongs=[//这里填写音乐文件的URL,多个URL用换行符分割];varrandomIndex=Math.floor(Math.random()*songs.length);varaudio=document.getElementById("audioPlayer");audio.src=songs[randomIndex];audio.play();varcurrentSongUrl=document.getElementById("currentSongUrl");currentSongUrl.textContent="正在播放："+songs[randomIndex];}</script></head><body><h1id="currentSongUrl"></h1><audioid="audioPlayer"controls></audio></body></html>
