@firstcoders/hls-web-audio/src/lib/unmuteAudioContext.js

`@firstcoders/hls-web-audio` plays multiple streamed audio tracks in sync using the Web Audio API. It is designed for stem-like playback where each track can be independently loaded, buffered, scheduled, and mixed.

// Create an audio context that unmutes on IOS
// @see https://github.com/swevans/unmute
/**
 * Attaches a touch-based iOS unmute helper to an audio context and cleans it up on close.
 *
 * @param {BaseAudioContext} ac
 */
export default (ac) => {
  const audio = document.createElement('audio');
  audio.controls = false;
  audio.preload = 'auto';
  audio.disableRemotePlayback = true;
  audio.loop = true;
  audio.src =
    'data:audio/mp3;base64,//MkxAAHiAICWABElBeKPL/RANb2w+yiT1g/gTok//lP/W/l3h8QO/OCdCqCW2Cw//MkxAQHkAIWUAhEmAQXWUOFW2dxPu//9mr60ElY5sseQ+xxesmHKtZr7bsqqX2L//MkxAgFwAYiQAhEAC2hq22d3///9FTV6tA36JdgBJoOGgc+7qvqej5Zu7/7uI9l//MkxBQHAAYi8AhEAO193vt9KGOq+6qcT7hhfN5FTInmwk8RkqKImTM55pRQHQSq//MkxBsGkgoIAABHhTACIJLf99nVI///yuW1uBqWfEu7CgNPWGpUadBmZ////4sL//MkxCMHMAH9iABEmAsKioqKigsLCwtVTEFNRTMuOTkuNVVVVVVVVVVVVVVVVVVV//MkxCkECAUYCAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV';

  if (document.body) {
    document.body.appendChild(audio);
  }

  const unlock = () => {
    // Play the silent audio to establish the iOS media session.
    // Once it succeeds, the session is active and the AC will join it
    // when ac.resume() is called by the engine on the play gesture.
    audio
      .play()
      .then(() => {
        window.removeEventListener('touchend', unlock);
      })
      .catch(() => {
        // DOMException: play() not yet allowed — wait for next interaction
      });
  };

  window.addEventListener('touchend', unlock);

  // wrap close so we can cleanup the silence audio node
  const { close } = ac;
  ac.close = async () => {
    window.removeEventListener('touchend', unlock);
    audio.remove();
    return close.call(ac);
  };
};