Firefox 不会使用 HTML5 <audio> 标签播放 .WAV 文件？答案

【问题标题】：Firefox won't play .WAV files using the HTML5 <audio> tag?Firefox 不会使用 HTML5 <audio> 标签播放 .WAV 文件？
【发布时间】：2012-05-11 08:27:13
【问题描述】：

我正在构建一个允许用户上传 MP3 文件的页面。该 MP3 文件在后端使用 LAME 转换为 .WAV 文件。

蹩脚的执行脚本在这里：

LAME --resample 44.1 -decode myDirectoryPath/Master.mp3 myDirectoryPath/Master.wav

但是，当我在 Firefox 中使用 HTML5 音频标签为该音频文件创建播放器时，它不起作用。

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>

<body>
    <audio controls>
        <source src="myDirectoryPath/Master.mp3">
        <source src="myDirectoryPath/Master.wav">
    </audio>
</body>
</html>

我读过的所有内容都说 Firefox 支持 .wav 文件...我找不到一个简单的 .mp3 到 .ogg 命令行工具可以将 master.mp3 转换为 .ogg 格式。有人可以就下一步的尝试提供一些建议吗？

我在这里发布了适用于 Safari 和 Chrome 的代码： http://www.wgbh.org/byers/Audio/index.html

不管什么原因，FF都不喜欢它。

更新（伴随着 facepalm）问题在于我的 LAME 解码。正确的语法是 --decode 用两个破折号而不是一个破折号。系统实际上将它从 mp3 编码为 mp3，命名为 wav，Mac 上的 Safari / Chrome 假设文件类型。

【问题讨论】：

尝试将type="audio/wav" 添加到source 标签
不走运。 type="audio/wav" 什么也没做。
如果您不提供来源，它似乎可以工作。查看jsfiddle.net/kq2EJ
奇怪...对我来说，将 src 属性放在音频标签中是行不通的。但无论哪种方式，我都需要多个来源，因为我将默认提供 mp3 文件，以及不支持 mp3 的浏览器的 wavs。
FF 支持 ogg 文件使用 ogg 扩展文件，它工作正常

标签： html firefox audio html5-audio

【解决方案1】：

WAV 文件的位深度是多少？ Firefox 支持 8 位和 16 位 PCM，但不支持其他位深度（12、20、24、32）。

【讨论】：

除此之外，它不会播放使用alaw或ulaw编码的wav文件。
投了赞成票，因为我没想过要检查我的 wav 文件是编码 PCM 还是 ulaw。
至于今天，如果 PCM 编码，Firefox 将播放所有比特率高达 32 的比特率

【解决方案2】：

Firefox 需要以下codecs to be returned as the MIME type 之一：

音频/波（首选）
音频/wav
音频/x-wav
音频/x-pn-wav

确保您的服务器为 wav 文件返回其中一种 MIME 类型。

【讨论】：

完成。我试过使用 type="audio/wave" 和 "audio/wav" 没有结果。
您尝试使用这些类型，但您确定您的服务器可以处理它们吗？
当服务器未返回 MIME 类型时，Webkit 浏览器将假定基于文件扩展名的文件类型，因此这可能是您的代码在 Safari 中有效但在 Firefox 中无效的原因。

【解决方案3】：

除了位深度问题，Firefox HTML5 音频显然也不播放 6 声道音频。对于我的应用程序，我需要重新翻录以更改位深度和通道数（例如 sox inFile -b 16 -c 2 outFile 其他参数）。

【讨论】：

【解决方案4】：

这是 Firefox 中的错误 - 您需要将 MP3 格式源列出到最后，它才会起作用。

【讨论】：

这有 3 年前的公认答案，你为什么要发帖？