js加载音乐的，有时候oncanplay不执行

Question

let load = (musicSrc) => new Promise(resolve => {
    let audio       = new Audio()
    audio.oncanplay = resolve
    audio.src       = musicSrc
})

加载一个音乐，但是有的时候oncanplay不会执行，不知道为什么。

我正常开发的时候，oncanplay会执行没什么问题，但是我用chrome模拟限制了一下网速
他就不触发了。

可是我在Network里看到他已经加载完成了啊，结果就是不触发事件，很难受::>_<::

Answer 1

试下这个方法

var load = (musicSrc) => new Promise(resolve => {
    let audio       = new Audio()
    audio.src       = musicSrc
    audio.addEventListener('canplay', resolve);
})

Answer 2

当音频/视频处于加载过程中时，会依次发生以下事件：
loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough

其中后面两个：

canplay 当浏览器可以播放音频/视频时
canplaythrough 当浏览器可在不因缓冲而停顿的情况下进行播放时

题主用 canplaythrough 试试看有没有问题，摘自 W3

Answer 3

你的意思是如果不限速没有问题，限速了就出现问题？