跨浏览器音频问题

Question

我希望创建一个自动播放一些声音的音频播放器，然后我可以通过控制面板对其进行控制。我试图让它跨浏览器工作，但有一个巨大的头痛。任何帮助将不胜感激。会有多种声音，所有声音都可以通过一组加号和减号来控制音量，所有声音都在加载时开始并循环播放。同样，非常感谢您对实现跨浏览器/设备兼容性的任何帮助。

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

Answer 1

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