音頻標籤在Chrome中工作，但不在Firefox中

此代碼在Chrome中正常工作但它不會在Firefox中產生音頻。我正在從file：//進行測試，而不是http：//。我在playSound函數中放置了一個警報，並將音頻參數傳遞給它。它返回所有按鈕的音頻div id，就像它應該那樣。我很困惑這一點，任何建議都會很棒。音頻標籤在Chrome中工作，但不在Firefox中

<li id="siren" class="app_button"> 
    <img src="img/siren.png" alt="" 
    name="siren_pressed" width="102" height="102" 
    onmousedown="press('siren_pressed')" 
    onmouseup="release('siren_pressed'), playSound('siren_audio')"> 
    <audio id="siren_audio"> 
    <source src="audio/siren.ogg" type="audio/ogg"> 
    <source src="audio/siren.mp3" type="audio/mpeg"> 
    </audio> 
</li> 

    /* Javascript is in a seperate folder */ 

    function playSound(audio) 
    { 
    var sound = document.getElementById(audio); 
    sound.play(); 
    }

來源

2012-01-19 CLKT

您是否檢查此線程...以防萬一...：http://stackoverflow.com/questions/8831625/html5-audio-not-working-on-firefox – Golmaal

是的，我沒有檢查該線程。它沒有幫助。 – CLKT

我回到你介紹給我的線索。我試着直接播放.mp3文件，它工作正常。 .ogg文件帶上了一個灰色的框，裏面有一個'x'。我點擊了'x'，它變成了一個音頻播放器，但不會播放該文件。我現在有些事要排除故障。感謝您重新努力。 – CLKT

解決！這是.ogg文件。我最初使用ffmpeg在命令行中將它們從mp3轉換爲ogg。在瀏覽器中自行測試音頻會在chrome和firefox上顯示ogg的問題。我下載了一個不同的聲音轉換器並再次嘗試。這一次ogg文件在兩個瀏覽器上都沒有問題。感謝@Golmaal指引我朝着正確的方向前進。

來源

2012-01-20 02:25:39 CLKT

音頻標籤在Chrome中工作，但不在Firefox中

回答

相關問題