2016-05-13 27 views
18

時,我有HTML5音頻元素由於找不到支持的源而無法加載。播放HTML5音頻元素

<audio src="/sounds/call.wav" id="audio1" repeated="0" repetitions="1" class="audio_sound"></audio> 

如果我嘗試調用在Chrome Web控制檯出現element.play()奇怪的錯誤。

未捕獲(承諾)DOMException:加載失敗,因爲找不到支持的源 。

我還沒有找到任何線索爲什麼會出現此錯誤以及如何解決它。

+1

此錯誤meeeage似乎與Chrome中的新功能相關50 https://developers.google.com/web/updates/2016/03/play-returns-promise?hl=zh-CN – CodeToad

+0

@CodeToad看起來像這樣是我得到的錯誤。但是它出現了嗎?我無法理解其中的原因,也很難避免它。 –

+0

我還沒有找到解決這個問題的方法。我懷疑它可能是一個鉻錯誤。你是否使用JavaScript操作視頻元素,比如在頁面加載後更改src屬性?我懷疑這可能是我的應用程序出現錯誤的原因。我也會嘗試在audio元素內使用src標籤,而不是src屬性。你嘗試過嗎? – CodeToad

回答

5

這可能有幫助,但我遇到了.mp3源文件中的同一個錯誤消息。我一直在更新內容並且改進了mp3,並沒有意識到瀏覽器已經緩存了mp3文件的原始版本(或者至少它的一部分)。我找不到任何信息來支持它,但有趣的是,似乎音頻文件的一部分可能被緩存,並且當瀏覽器嘗試檢索文件的其餘部分時,它不能(或不)檢索完整的工作版本。

我試着將你的.wav文件重命名爲以前沒有用過的東西,看看它是否開始工作。

+0

似乎沒有工作。但仍然比你的答案。 –

+1

感謝您的回答,清除瀏覽器緩存確實會導致錯誤消息停止顯示給我。 –

相關問題