いくつかのサウンドを自動的に再生するオーディオ プレーヤーを作成して、コントロール パネルから制御したいと考えています。ブラウザ間で動作するようにしようとしていますが、大きな頭痛の種です。どんな助けでも大歓迎です。複数のサウンドがあり、すべてプラス記号とマイナス記号のセットでボリュームを制御して変更でき、すべてロード時に開始され、すべてループします。繰り返しますが、ブラウザー/デバイス間の互換性を達成するための助けがあれば、非常に高く評価されます。
<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>