代码之家 › 专栏 › 技术社区 › Zack Lee

无法在iOS上加载htmlAudioElement音频

html5-audio google-chrome ios javascript

Zack Lee · 技术社区 · 3 年前

我发现以下代码适用于桌面浏览器和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 inspector上看到控制台日志时,它只会打印“加载音频…”从不打印“可以玩”。它在我的iPad Safari上也不起作用。

原因是什么?我该如何解决?

0 回复 | 直到 3 年前

chrisguttandin 3 年前

移动浏览器在加载内容时通常会比较犹豫,但会调用 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();
}

推荐文章

darwhite · Dom未在web浏览器for web中显示所有内容。WhatsAppcom[关闭]

2 年前

gagan · 我想使用django服务器将我的android studio应用程序与paypal restapi集成

2 年前

Greta · 硒无法获取元素。使用python和web驱动程序时显示文本

2 年前

user2439278 · ChromeDriver未能在Docker无头机器人框架内启动

2 年前

Scobee · Getting[Severy]:尝试捕获页面时,从呈现程序接收消息时超时:10.000

2 年前

Alfred Huang · 如何在Chrome浏览器按键事件中捕获'Ctrl+1'热键?

2 年前

Samy Mostakim · chrome正常工作,但firefox给我这个erorr

2 年前

mk_ · Selenium-阅读在新选项卡中打开的pdf文件,但不包含url

6 年前

milan · 如果文本与所提供的对象匹配,请将其超链接

6 年前

user332951 · Google chrome api javascript检测浏览器中打开的文件

6 年前