Методы play() и pause() делают «чпок», лучше плавно регулировать громкость перед паузой и стартом:

Загрузка

jquery.audiofade.js

Установка

Подключите свежую версию Джейквери и jquery.audiofade.js:

<script src="jquery.js"></script>
<script src="jquery.audiofade.js"></script>

Использование

Вызовите audioFadeOut() или audioFadeIn() на нужных вам аудио-элементах:

$(function () {
  $('audio').audioFadeOut();
  // Нежно выключаем все треки на странице

  $('#song').audioFadeIn();
  // Выводим в эфир какую-то отдельную песню
});

По умолчанию время фейда — 333 миллисекунды. Задайте любое, например 1,5 секунды:

$('audio').audioFadeOut({time: 1500});

Выберите нужную громкость (от 0 до 1) для фейд-ина, по окончании вызовите нужный колбек:

$('#song').audioFadeIn({
  volume: .75,
  onComplete: function () {
     console.log(this); // audio element
  }
});

Функция audioFadeTo() не запускает и не останавливает трек, только изменяет громкость:

$('#song').audioFadeTo({
  volume: .5, // В половину тише
  time: 5000,  // за пять секунд
  onComplete: dimTheLights // ,-)
});

© Артём Поликарпов, 2012