title: createPanner with gainNode in safari
body: <p>I want to pan left or right at a time and also set the volume for it, I have done it with other browsers but on safari createStereoPanner is not a function so i used createPanner for safari 
  Now, Problem is that i want to use gain with panner to set volume currently its playing both gain and pan separately it should set gain for panner</p>
  
  <p>here is my code </p>
  
  <pre><code>            audioElement.setAttribute('src', '/Asset/sounds/calibrate.mp3');
      audioElement.volume = 0.5;
      audioElement.play().then(function (d) {
          audioCtx = new (window.AudioContext || window.webkitAudioContext)();
          source = audioCtx.createMediaElementSource(audioElement);
          if (isSafari) {
              gainNode = audioCtx.createGain();
              gainNode.gain.setValueAtTime(audioElement.volume, audioCtx.currentTime);
              source.connect(gainNode);
              gainNode.connect(audioCtx.destination);
  
              panNode = audioCtx.createPanner();
              panNode.panningModel = 'HRTF';
              source.connect(panNode);
              panNode.connect(audioCtx.destination);
              //panNode.setPosition(10, 0, 0);
  
          }
          else {
              panNode = audioCtx.createStereoPanner();
              panNode.pan.value = 0;
              source.connect(panNode);
              panNode.connect(audioCtx.destination);
          }
      });
  </code></pre>
  
  <p>im playing audio how to handle it </p>