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/

跨浏览器音频问题

1 个答案: