• Working With Sound On Mobile
• Synchronizing Sounds Across Devices

  if ( typeof window.Audio !== 'undefined' ) {
    // create new Audio Node
    var canHasSound = new Audio();
    
    // set source file, then load
    canHasSound.src = "My_Amazing_Tunes.mp3";
    canHasSound.load();

//...

    // PLAY!!!!
    canHasSound.play();
  }
      

Dependning On Device / OS

    
...
    // set source file, then load
    canHasSound.src = "My_Amazing_Tunes.mp3";
    
    
    canHasSound.autobuffer = true;
    canHasSound.preload = 'auto';
    
    
    canHasSound.load();

    
    window.addEventListener( 'touchstart' , _initialPlay , false );
    window.addEventListener( 'play' , _focePause , false );
    
...
      

var context = new AudioContext();

function playSound( buffer ) {
  // creates a sound source
  var source = context.createBufferSource();
  // tell the source which sound to play
  source.buffer = buffer;
  // connect the source to the context's destination (the speakers)
  source.connect(context.destination);    
  // play the source now   
  source.start(0);                           
}
        

IOS and Android ( Chrome ) requires User Input / Action

  
    
    window.addEventListener( 'touchstart' , _initialPlay , false );
    window.addEventListener( 'play' , _focePause , false );
    
      

Calculate Latency

      // request sent to server with timestamp and returned
      // with original time and server timestamp

      responseReceived = new Date.getTime();

      serverTime = objTimes.server;
      original = objTimes.original;

      // check time taken for entire request
      latency = Math.round( ( responseReceived - original ) * 0.5 );

      responseReceived -= latency;

    

• User needs to initiate load and playback with <audio>
• use preload attribute with <audio>
• User needs to initiate playback using Web Audio API
• Latency Is Always changing
• Use UCT Time stamps to cater for different time zones
• Use mean latency
• Factor latency in when scheduling start time for audio
• Some sounds allow for minor difference in timing

• Web Audio API O'Reilly Book
• Remy Sharp Audio Sprites
• HTML5 Rocks: Intro To Web Audio API
• HTML5 Rocks: Sounds Of Racer