iOS Audios

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://www.mediacollege.com/audio/tone/files/1kHz_44100Hz_16bit_30sec.mp3"></audio>
<audio id="a4" src="https://www.mediacollege.com/audio/tone/files/10kHz_44100Hz_16bit_30sec.mp3"></audio>
<button onclick="a1.play()">1</button>
<button onclick="a2.play()">2</button>
<button onclick="a3.play()">3</button>
<button onclick="a4.play()">4</button>

JavaScript

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