crossfade.js

this.bindCrossfadeButton = function () {
  // save scope
  var that = this;

  // create button and bind click event
  $('<a/>', {
    'class': 'btn btn-primary btn-large demo-audio-btn unselectable button-margin-top'
  })
    .text('cross-fade audio')
    .appendTo('#examples-docs')
    .bind('click', function () {
    that.onCrossfadeButtonClick();
  });
};

this.onCrossfadeButtonClick = function () {
  soundManager.play('ROTARY_PHONE_LOW');
  soundManager.adjustVolume('ROTARY_PHONE_HI', 0);
  soundManager.play('ROTARY_PHONE_HI');

  var t1 = setTimeout(function () {
    soundManager.fadeMute('ROTARY_PHONE_LOW', 2000, true, false);
    soundManager.fadeUnmute('ROTARY_PHONE_HI', 2000, true, false);
    clearTimeout(t1);
  }, 4000);

  var t2 = setTimeout(function () {
    soundManager.stop('ROTARY_PHONE_LOW');
    soundManager.fadeMute('ROTARY_PHONE_HI', 2000, true, false);
    clearTimeout(t2);
  }, 6000);

  var t3 = setTimeout(function () {
    soundManager.stop('ROTARY_PHONE_HI');
    soundManager.adjustVolume('ROTARY_PHONE_LOW', 1);
    clearTimeout(t3);
  }, 8000);
};