iOS Audios #2

by juberti

HTML

<audio id="a1" src="https://www.mediacollege.com/audio/tone/files/250Hz_44100Hz_16bit_30sec.mp3"></audio>
<audio id="a2" src="https://www.mediacollege.com/audio/tone/files/440Hz_44100Hz_16bit_30sec.mp3"></audio>
<audio id="a3" src="https://ssl.gstatic.com/stadia/gamers/assets/sound_launch_game_v3.mp3"></audio>
<audio id="a4" src="https://ssl.gstatic.com/stadia/gamers/assets/sound_launch_game_v3.mp3"></audio>
<button onclick="toggle(a1)">1</button>
<button onclick="toggle(a2)">2</button>
<button onclick="toggle(a3)">3</button>
<button onclick="toggle(a4)">4</button>

JavaScript

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    a1.play();
  } else {
    a1.pause();
  }
});

function toggle(a) {
  if (a.paused) {
    a.play();
  } else {
    a.pause();
  }
}