跨瀏覽器音頻問題

我期待創建一個自動播放一些聲音的音頻播放器，然後通過控制面板進行控制。我試圖讓它在各種瀏覽器中都能正常工作，但卻讓人頭疼。任何幫助將不勝感激。將會有多種聲音，所有聲音都可以通過一組加號和減號來控制音量，所有這些都可以從加載和全部循環開始。再次，任何幫助實現跨瀏覽器/設備兼容性將非常感激。跨瀏覽器音頻問題

<audio id="player" src="assets/forest_ambience_loop.mp3", "assets/forest_ambience_loop.ogg" autoplay loop;> 

    </audio> 
    <div> 
    <button 
    onclick="document.getElementById('player').play()"> 
    Play 
    </button> 
    <button 
    onclick="document.getElementById('player').pause()"> 
    Pause 
    </button> 
    <button 
    onclick="document.getElementById('player').volume += 0.1"> 
    Volume Up 
    </button> 
    <button 
    onclick="document.getElementById('player').volume -= 0.1"> 
    Volume Down 
    </button> 
    </div>

來源

2013-02-04 user2021641

你需要更具體的瞭解您所遇到的問題。你測試過哪些瀏覽器？哪些行爲不符合你的期望？他們的行爲與期望的行爲有何不同？他們的JS控制檯顯示什麼錯誤？ – Quentin

我已經在firefox和chrome中測試過，鍍鉻工作正常，但firefox不會做任何事情。我知道這是因爲firefox需要.ogg音頻，但我不知道如何將其納入我的音頻播放器 – user2021641

<audio>標記不正確。試試這個，

<audio id="player" controls autoplay loop> 
    <source src="assets/forest_ambience_loop.mp3" type="audio/mpeg"> 
    <source src="assets/forest_ambience_loop.ogg" type="audio/ogg"> 
Your browser does not support the audio element. 
</audio>

這裏的工作演示http://jsfiddle.net/bgCTJ/2/

來源

2013-02-04 11:37:51

Thankyou好先生，有什麼我需要知道，使其他瀏覽器的工作，而不是Firefox /鉻？或移動設備？編輯：試過這個，它不工作在Firefox：（ – user2021641

它在IE瀏覽器但不是Firefox的作品 – user2021641

對我來說，演示工程在Firefox 18上。 –

跨瀏覽器音頻問題

回答

相關問題