Firefox不会使用HTML5 <audio>标签播放.WAV文件?</audio>

时间:2012-05-01 20:38:24

标签: html5 firefox audio html5-audio

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

蹩脚的执行脚本在这里:

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

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

<!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则采用该文件类型。

4 个答案:

答案 0 :(得分:18)

WAV文件的位深度是多少? Firefox支持8位和16位PCM,但不支持其他位深度(12,20,24,32)。

答案 1 :(得分:3)

Firefox期望以下codecs to be returned as the MIME type之一:

  • audio / wave(首选)
  • 音频/ WAV
  • 音频/ X-WAV
  • 音频/ X-PN-WAV

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

答案 2 :(得分:0)

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

答案 3 :(得分:-1)

这是Firefox中的错误 - 您需要将MP3格式源列出到最后,它才能正常工作。