title: Web audio API sound works on desktop and Android, but doesn't on iPhone
body: <p>I've read a lot of topics and questions on this matter, but I can't find a solution. I can play sound on every Android browser, on every desktop browser, but not on Safari on iPhone 5c.
  I'm trying to do it with Web Audio API (I'm definitly not an expert), here's my code:</p>
  
  <pre><code>window.addEventListener ('load', loadSound);
  canvas.addEventListener ('touchend', loadSound);
  canvas.addEventListener ('mouseup', loadSound);
  
  window.AudioContext = window.AudioContext || window.webkitAudioContext;
  var audioContext = new window.AudioContext();
  
  var playSoundBuffer;
  var source;
  
  function loadSound() {
      setTimeout(function() {
  
          var request = new XMLHttpRequest();
          var audioURL = "media/sound/WW_start.wav";
  
          request.open("GET", audioURL, true);
          request.responseType = "arraybuffer";
          request.onload = function() {
          audioContext.decodeAudioData(request.response, function(buffer) {
              playSoundBuffer = buffer;
              playSound();
              }, function(error) {
                  console.error("Error in sound", error);
              });                 
          request.send();
          }
      }, 50);
  }
  
  function playSound() {
      source = audioContext.createBufferSource();
      source.buffer = playSoundBuffer; 
      source.connect(audioContext.destination);
      source.start(0);
  }
  </code></pre>
  
  <p>I also tried with source.noteOn(), source.noteOn(0), webkitAudioContext...</p>