跨浏览器音频问题

我期待创建一个自动播放一些声音的音频播放器，然后通过控制面板进行控制。我试图让它在各种浏览器中都能正常工作，但却让人头疼。任何帮助将不胜感激。将会有多种声音，所有声音都可以通过一组加号和减号来控制音量，所有这些都可以从加载和全部循环开始。再次，任何帮助实现跨浏览器/设备兼容性将非常感激。跨浏览器音频问题

<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上。 –

跨浏览器音频问题

回答

相关问题