Html5 - 在iPad上准备好媒体时的回调将无法正常工作

Question

我正在尝试在iPad上为HTML5音频元素添加回调。 我在元素中添加了一个eventlistener，myOtherThing（）启动但没有声音。如果我暂停并再次播放声音，则音频开始播放。这适用于chrome。有谁知道我该怎么做？

    myAudioElement.src = "path_to_file";
    addEventListener("canplay", function(){
        myAudioElement.play();
        myOtherThing.start();
    });

解决

只是想在这里分享我的解决方案，以防其他人需要它。据我所知，没有用户交互，iPad不会触发任何事件。因此，为了能够使用“canply”，“播放”以及使用内置媒体控制器所需的所有其他事件。在该控制器中按下播放后，将触发事件。之后，您可以使用自定义界面。

Answer 1

您需要告诉Safari开始加载文件。另外，canplay事件isn't supported on iOS。只需在致电play后立即致电load。

myAudioElement.src = "path_to_file";
myAudioElement.load(); // Start loading the audio
myAudioElement.play();