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完美的罰款。但Chrome上沒有適用於Android的聲音。 （我正在使用Android 5.1）

我知道類似的問題之前已經被問過，但是這並沒有幫助我。我知道Chrome for Android是特殊的，因爲它在播放HTML5音頻之前期望進行用戶交互，但我確實實現了這一點。很感謝任何形式的幫助。

Answer 1

OK，我解決了它自己。我創建的.htaccess密碼保護功能阻止了音頻在Android版Chrome上播放。雖然我登錄到網頁並且網站正確顯示，但無法加載音頻。 iOS上的Safari有同樣的問題。有趣的是，Android上的Firefox工作得很好。