音乐无法使用Javascript播放

时间:2020-08-13 03:08:36

标签: javascript dom switch-statement

我的代码有问题。我正在生成一个从1到4的随机数,并根据生成的数字播放音乐。为什么此代码不起作用?

var random=Math.floor(Math.random()*4)+1;
switch(random){
    case 1:
        var audio1=new Audio('green.mp3');
        audio1.play();
        break;
    case 2:
        var audio2=new Audio('red.mp3');
        audio2.play();
        break;
    case 3:
        var audio3=new Audio('yellow.mp3');
        audio3.play();
        break;
    case 4:
        var audio4=new Audio('blue.mp3');
        audio4.play();
        break;
    
    default:
        break;
}

当我执行“ addEventListener”以检查按键并播放音乐时,该代码似乎可以正常工作,因此可以确定音乐文件已正确链接。任何帮助将不胜感激

2 个答案:

答案 0 :(得分:1)

要播放音乐,您需要用户采取行动

然后浏览器将播放声音

答案 1 :(得分:0)

如果确实需要在页面加载时播放音频,则可以将audio元素与autoplay标签一起使用。请注意,not all browsers allow autoplaying是因为有些用户感到烦人。

let audio = document.createElement("audio");
audio.autoplay = true;
audio.src = "path/to/audio";
document.body.appendChild(audio);
html {
font-family: sans-serif;
}
<p>Replace path/to/audio in the script with your desired path.</p>