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>

使用Invalid Source错误消息无法播放HTML5音频文件

4 个答案: