Firefox won't play .WAV files using the HTML5 <audio> tag?

◇◆丶佛笑我妖孽 提交于 2019-12-17 16:31:10

问题


I'm building a page that will allow a user to upload an MP3 file. That MP3 file is converted in the back end to a .WAV file using LAME.

The lame execution script is here:

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

However, when I use the HTML5 audio tag to create a player for that audio file in Firefox, it doesn't work.

<!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>

Everything I've read says that Firefox supports .wav files... and I can't find a simple .mp3 to .ogg command line tool to use that will convert the master.mp3 to .ogg format. Can someone offer some suggestions on what to try next?

I've posted code that works in Safari and Chrome here: http://www.wgbh.org/byers/Audio/index.html

For whatever reason, FF doesn't like it.

UPDATE (With accompanying facepalm) The issue lies with my LAME decode. The correct syntax is --decode with two dashes instead of one. The system was actually encoding it from mp3 to mp3, naming it wav and Safari / Chrome on the Mac was assuming the file type.


回答1:


What's the bit depth on your WAV files? Firefox supports 8-bit and 16-bit PCM, but not other bit depths (12, 20, 24, 32).




回答2:


Firefox expects one of the following codecs to be returned as the MIME type:

  • audio/wave (preferred)
  • audio/wav
  • audio/x-wav
  • audio/x-pn-wav

Make sure your server returns one of those MIME types for wav files.




回答3:


In addition to the bit depth issue, Firefox HTML5 audio apparently does not play back 6-channel audio, either. For my app, I needed to re-rip to change both bit depth and number of channels (e.g. sox inFile -b 16 -c 2 outFile otherParams).




回答4:


This is bug in Firefox - you need to list the MP3 format source to the end, and it will work.



来源:https://stackoverflow.com/questions/10404005/firefox-wont-play-wav-files-using-the-html5-audio-tag

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!