HTML5 音频无法在 Android 版 Chrome 上播放

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();
});

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

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

Answer 1

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