音頻標籤在Firefox和Opera中不起作用

我正在嘗試創建自己的音頻播放器。我已經在谷歌瀏覽器中檢查過，並且一切正常。但是，當我嘗試在Firefox和Opera（最新版本）中使用它時，它不會。例如我有：音頻標籤在Firefox和Opera中不起作用

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <div id="play">click me</div> 
    <audio class="tr_audio"> 
     <source src="ogg/track1.ogg" type="audio/ogg; codecs='vorbis'"> 
     <source src="track1.mp3" type="audio/mpeg; codecs='mp3'"> 
    </audio> 
    <script> 
     $("#play").click(function() { 
      $("audio").get(0).play(); 
      alert($("audio").get(0)); 
     }); 
    </script> 
</body>

它在Chrome中工作正常，但在Opera和Firefox中不起作用。爲什麼？

來源

2012-11-04 Stas Ushakov

你可以正常播放你的ogg文件嗎？（即不在瀏覽器中？） –

Opera和FF使用ogg文件。你確定ogg文件的路徑是正確的嗎？你的服務器MIME類型是否爲ogg文件正確設置？你有在網上的例子嗎？ – TimHayes

是的傢伙，文件播放沒有瀏覽器和路徑是正確的。另外，如果我用Opera或FF啓動這個ogg文件（右鍵點擊文件），它也可以播放.. TimHayes，我從我的電腦上測試 –

使用你的代碼並在Firefox中測試它明確表明問題是編解碼器。以下行是從firefox控制檯日誌中複製的：

[10：20：19.068]不支持指定「audio/ogg; codecs ='vorbis'」的「type」屬性。媒體資源Example.ogg的加載失敗。 @http://example.com/

[10：20：19.068]不支持指定「audio/mpeg; codecs ='mp3'」的「type」屬性。媒體資源Example.mp3加載失敗。 @http://example.com/

然後，取出從type屬性codecs規格使其在Firefox，Safari和Opera的工作。

<audio class="tr_audio"> 
    <source src="ogg/track1.ogg" type="audio/ogg"> 
    <source src="track1.mp3" type="audio/mpeg"> 
</audio>

我希望它有幫助。乾杯

來源

2012-11-04 12:24:44

很棒的工作！是工作！謝謝！ –

如果答案是正確的，請標記爲，否則stackoverflow將永遠不會知道您的問題已得到解決。考慮一些有用的投票答案。這有助於其他有類似問題的用戶更輕鬆地找到答案 –

只要站起來，任何人使用FireFox 21的測試版，如果你還沒有注意到MP3音頻，現在在<audio>標籤中播放，而無需編輯瀏覽器的about：config。現在我們只需要它正確地發佈！

來源

2013-04-12 09:32:21 Banny

火狐24.0萬聖節2013通過從MP3源

<source src="media/SoundFile.mp3" type="audio/mpeg" /> 

[! Yellow Warning] Specified "type" attribute of "audio/mpeg" is not supported. Load of media resource media/SoundFile.mp3 failed.

螢火1.12.4本來我嘗試了各種編解碼器項目，它真的不喜歡他們。例如，Ogg類似地出錯，直到我刪除了編解碼器聲明..所以這個想法沒有幫助。

我想我只是記錄了一下，即使MP3自Firefox 21以來版本21支持，但由於某些原因，它仍然不能在這裏工作。

嗯，我應該提到這是從本地文件在這個時候，所以也許有關在Win7上想到的MIME類型丟失或想到的東西。

沒有在這等一分鐘......現在我認爲這是一個簡單的授權問題。

所以真的這是錯誤的記錄它應該解釋如果許可證是問題。

來源

2013-10-29 09:57:43 MistereeDevlord

音頻標籤在Firefox和Opera中不起作用

回答

相關問題