HTML5 音频文件无法播放，带有 Invalid Source 错误消息答案

【问题标题】：HTML5 audio file fails to play, with Invalid Source error messageHTML5 音频文件无法播放，带有 Invalid Source 错误消息
【发布时间】：2015-10-02 18:15:02
【问题描述】：

我正在尝试测试我们目前拥有的某些音频文件是否可以通过 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 中进行测试。非常感谢任何帮助。

【问题讨论】：

您的src=abc 文件是否包含扩展名，例如abc.wav?
最后我的 src 中的文本应该呈现一个 .wav 文件。

标签： html google-chrome audio mime-types internet-explorer-11

【解决方案1】：

由于这似乎是一个受欢迎的问题，我将解释错误是什么以及我如何修复它。

乍一看，将 src 属性设置为 url 链接似乎不太正确，但实际上这个 url 链接为我呈现了一个 wav 文件。但是 HTML5 autio 标签无法播放 wav，因为它的 encoding type;即wav文件内容的编码。这可以是 mulaw、alaw、linear 等。Alaw 不是 HTML5 支持的格式，所以我将我的更改为 Ulaw，现在它运行良好。

【讨论】：

【解决方案2】：

W3C 表示 Internet Explorer 不支持 WAV 文件，并且在大多数浏览器中唯一可以使用的文件类型是 mp3。

我在使用 .wav 文件时也遇到了这个问题。我将它转换为 .mp3 并且效果很好。

【讨论】：

【解决方案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

希望这会有所帮助！

【讨论】：

感谢您的回答，但我遵循您建议的格式，但它不起作用。
检查你的“src”标签，你需要将它指向一个实际的wav文件才能工作。
Daniel，你是用什么资源得出这个结论的？因为 src 中的代码应该是渲染一个 wav 文件。
我认为您错过了我和 unixarmy 所指出的要点。您需要将 src="machinename/media/play?ID=2" 更改为类似 src="../abc.wav" 的内容。您的 wav 文件可能也必须位于相同的 Web 源中（即位于您自己的托管服务器中）。用一个简单的 wav 或 mp3 文件测试一下，应该可以的。
在后端有一个服务器，服务器查看 url，特别是它的 ID 部分，并决定将什么音频 wav 文件呈现回浏览器。这使我能够动态播放音频文件。所以请 - 对不起 - 但你的回答对我没有帮助。

【解决方案4】：

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

【讨论】：

但该链接不是视频