無法在 iOS 上加載 htmlAudioElement 音頻

Question

我發現以下代碼適用於桌面瀏覽器和 Android，但不適用於我的 iPad。

document.onclick = () => {
    const testAudio = document.createElement("AUDIO");
    testAudio.oncanplaythrough = () => {
      console.log("CAN PLAY!");
      testAudio.play();
    }
    console.log("LOADING AUDIO...");
    testAudio.src = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3";
}

當我在 iPad 的 Chrome 檢查器上看到控制台日志時，它只打印“正在加載音頻...”而從不打印“可以播放”。 它也不適用於我的 iPad 的 Safari。

原因是什么，我該如何解決？

Answer 1

移動瀏覽器通常對加載某些內容有點猶豫，但調用load()應該會強制它們這樣做。

document.onclick = () => {
    const testAudio = document.createElement("AUDIO");
    testAudio.oncanplaythrough = () => {
      console.log("CAN PLAY!");
      testAudio.play();
    }
    console.log("LOADING AUDIO...");
    testAudio.src = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3";

    testAudio.load();
}