如何在页面加载时从URL列表中随机选择.mp3文件自动播放？

当然可以实现啦！因为HTML本身没法直接处理随机选择的逻辑，我们只需要借助一点点JavaScript就能轻松搞定，对于刚接触HTML的你来说也很好理解，跟着步骤来就行～

具体实现思路 #

1. 把所有要随机选择的音频URL整理成一个数组（相当于一个列表）
2. 用JS生成一个随机索引，从数组里挑出一个URL
3. 把选中的URL赋值给音频标签，让它自动播放

完整代码示例 #

<!-- 先创建一个带ID的audio标签，方便JS找到它，保留autoplay属性 -->
<audio id="randomAudio" autoplay></audio>

<script>
// 1. 把你的三个音频URL放进这个数组里，注释可以保留方便区分
const audioUrls = [
  "https://a.pomf.cat/vmrlef.mp3", // escape through the snow
  "https://files.catbox.moe/vif2j1.mp3", // sea map
  "https://files.catbox.moe/4abc2w.mp3"  // ミク - prblm-
];

// 2. 生成随机索引：Math.random()生成0-1的随机数，乘以数组长度后取整，得到0到数组长度-1的整数
const randomIndex = Math.floor(Math.random() * audioUrls.length);
// 根据随机索引获取选中的音频URL
const selectedAudioUrl = audioUrls[randomIndex];

// 3. 找到页面上的audio标签，把选中的URL赋值给它的src属性
const audioElement = document.getElementById("randomAudio");
audioElement.src = selectedAudioUrl;
// 可选：设置音频类型，大部分浏览器能自动识别，加了更保险
audioElement.type = "audio/mpeg";
</script>

小提示 #

现在很多主流浏览器有自动播放限制政策：如果用户还没和页面有过交互（比如点击、触摸），页面加载时的自动播放可能会被阻止。如果遇到音频没自动播放的情况，可以考虑添加一个播放按钮，让用户手动触发播放，比如：

<button onclick="document.getElementById('randomAudio').play()">点击播放随机音频</button>

内容的提问来源于stack exchange，提问作者user15041007