使用Invalid Source錯誤消息無法播放HTML5音頻文件

Question

我試圖測試我們目前有一些音頻文件，可以通過HTML5播放。

html代碼如下：

<audio width="720" height="405" controls src="https://machinename/media/play?ID=2" type="audio/wav"></audio>

當頁面加載時，它似乎正在做某事，后來失敗並顯示一條消息，指出Invalid source 。

如果我再看F12獲取更多調試信息，它會說：

音頻/視頻：未知的MIME類型

標記src="abc"呈現的內容是一個wav文件。

我錯過了什么？ 我正在測試IE11和Chrome 43.任何幫助非常感謝。

Answer 1

由於這似乎是一個流行的問題，我將解釋錯誤是什么以及我如何修復它。

乍一看，似乎將src屬性設置為url鏈接並不完全正確，但實際上這個url鏈接呈現給我一個wav文件。 然而，由於其編碼 類型 ，HTML5 autio標簽無法播放wav; 也就是說，wav文件內容的編碼。 這可能是mulaw，alaw，linear等.Alaw不是HTML5的支持格式，因此我將我改為Ulaw，現在它工作得很好。

Answer 2

W3C建議Internet Explorer不支持WAV文件，並且在大多數瀏覽器中使用的唯一文件類型是mp3。

我在使用.wav文件時也遇到了這個問題。 我將它轉換為.mp3並且工作正常。

Answer 3

您應該使用HTML5 <audio> ...</audio>標記用於您的目的。

wav的示例代碼如下：

<audio controls>
  <source src="abc.wav" type="audio/wav">
</audio>

目前，該元素有3種支持的文件格式：MP3，Wav和Ogg：

Chrome支持MP3，Wav和Ogg格式，Internet Explorer目前僅支持MP3 ，因此您可能會看到無效的源錯誤消息。

只需將您的所有wav文件轉換為mp3，您就可以安全地使用所有瀏覽器！

您可以在這里閱讀更多內容http://www.w3schools.com/html/html5_audio.asp

希望這可以幫助！

Answer 4

<audio controls>
  <source src="https://machinename/media/play?ID=2" type="audio/wav">
</audio>