HTML五首音乐随机播放代码

随机播放音乐是网站中常见的功能之一，而HTML中有如下五首音乐随机播放的代码：

!DOCTYPE html>
    html>
    head>
    	title>
    随机播放音乐/title>
    /head>
    body>
    	audio controls>
    source src="music1.mp3" type="audio/mp3">
    source src="music2.mp3" type="audio/mp3">
    source src="music3.mp3" type="audio/mp3">
    source src="music4.mp3" type="audio/mp3">
    source src="music5.mp3" type="audio/mp3">
    	/audio>
    	script>
    var musicList = ["music1.mp3", "music2.mp3", "music3.mp3", "music4.mp3", "music5.mp3"];
    var randomIndex = Math.floor(Math.random() * musicList.length);
    var audio = document.getElementsByTagName("audio")[0];
    audio.src = musicList[randomIndex];
    audio.play();
    	/script>
    /body>
    /html>
    

以上的代码主要分为三个部分，其中第一部分是HTML的常规代码，包括文档类型、头部信息和音频控件。其中，audio> 标签用于添加音频控件，source> 标签则用于指定音频文件的路径和类型。

接下来，第二部分是JavaScript代码，主要是定义一个包含五首音乐路径的列表，并且生成一个随机的索引值来选取其中一首音乐，最后将音乐路径赋值给音频控件的src属性，然后调用play()方法播放音乐。

第三部分则是HTML页面的结尾标签，与开头标签对应。完整的代码如上所示。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！