单击/触摸时音频无法在 iOS 上播放 (HTML5)

Audio does not play on iOS upon Click/Touch (HTML5)

提问人:Ali Baradaran Birjandi 提问时间:10/18/2023 最后编辑:Ali Baradaran Birjandi 更新时间:10/18/2023 访问量:43

问:

我正在 Google 网站上编写一个简单的 HTML5/JS 来加载和播放来自 Google Drive 的 mp3 文件。该代码适用于 Firefox、Chrome 和 Safari(Windows、linux 和 macOS)。

但是,它不适用于 Safari 和 Chrome (iOS 16)。我完全知道 Apple 不允许媒体自动播放。因此,我包含了提供用户界面的按钮。我还尝试了带有事件(调用)的代码。但是,它也没有用。touchstartplayAudio()

我怀疑 iOS 不能很好地与 Google Drive 配合使用!

感谢您的指导!

<!DOCTYPE html>
<html>
<head>
<title>Play Audio on Button Touch</title>
</head>
<body>
<button id="play-button" onclick="playAudio()">Play Audio</button> 
<audio id="audio" src="https://docs.google.com/uc?export=open&id=1Ufkirnaa5mw_TlSO2dTeMDgfE77asDtr"></audio>
<script>
function playAudio() {
    var selectedplayer = document.getElementById("audio");
    selectedplayer.play();
}
</script>
</body>
</html>
JavaScript HTML iPhone Safari iOS16

评论

0赞 Elvis Adomnica 10/18/2023
刚刚在Safari中测试了您的代码,单击“播放音频”按钮时音频可以正常工作
0赞 Ali Baradaran Birjandi 10/18/2023
我可以在 MacBook 或 iPhone 上询问吗?
0赞 Elvis Adomnica 10/18/2023
Macbook,对不起,在您的帖子中错过了这一点

答: 暂无答案