HTML5 音频未在 Chrome 上播放 Android

Question

我制作了这个简单的演示网站。它有一个输入按钮，当你点击它时，音频文件应该播放。 HTML-代码是这样的：

<audio id="ducksong">
    <source src="audio/ducks.mp3" type="audio/mpeg">
    <source src="audio/ducks.ogg" type="audio/ogg">
</audio>
<input id="playme" type="submit" value="Play me">

这是对应的JavaScript代码：

var input = document.querySelector("input#playme");
var audio = document.querySelector("audio#ducksong");
input.addEventListener("click", function() {
    audio.play();
});

它在桌面浏览器和 Android 的 Firefox 上运行良好。但是 Android 的 Chrome 上没有声音。（我正在使用 Android 5.1）

我知道以前有人问过类似的问题，但这对我没有帮助。我知道 Android 的 Chrome 很特别，因为它需要在播放 HTML5 音频之前进行用户交互，但我确实实现了这一点。非常感谢任何帮助。

Answer 1

好的，我自己解决了。我创建的 .htaccess 密码保护阻止了音频在 Chrome 上播放 Android。虽然我登录了网页并且网站显示正确，但无法加载音频。 iOS 上的 Safari 也有同样的问题。有趣的是，Android 上的 Firefox 工作得很好。

HTML5 音频未在 Chrome 上播放 Android

HTML5 Audio not playing on Chrome for Android

android

google-chrome

html5-audio