Javascript 警告框阻止声音对象

Question

我有一个小问题。基本上，我正在尝试制作一个应用程序，它会在播放特定声音时弹出一个框。这是代码的错误部分:

    var audio = new Audio('song.mp3');
    audio.play();
    alert(1);

问题是音频在警告框之后播放。我想发生这种情况是因为应用程序没有立即加载歌曲文件，但我现在知道我该怎么做了？

Answer 1

canplay 事件在浏览器可以开始播放指定的音频/视频时发生(当它缓冲到足以开始时)。

那么试试这个:

var audio = new Audio('song.mp3');
    audio.oncanplay  = function() {
        audio.play();
        alert("1");
    };