Soundmanager2 кнопка mp3 плеера предзагрузить следующий звук

Изменить: подход к работе с встроенным проигрывателем кнопок SoundManager

В параметрах настройки в mp3-player-button.js в разделе config, где находится playNext : true|false (строка 39), обновите его, чтобы он выглядел следующим образом:

...
this.config = {
    // configuration options
    playNext: true, // stop after one sound, or play through list until end
    autoPlay: false,  // start playing the first sound right away
    preloadNext :  true // preload next sound when previous sound starts to play
};
...

Затем под объектом this.events (строка 96) измените функцию play, чтобы предварительно загрузить следующий звук:

...
this.events = {

// handlers for sound events as they're started/stopped/played

play: function() {
  pl.removeClass(this._data.oLink,this._data.className);
  this._data.className = pl.css.sPlaying;
  pl.addClass(this._data.oLink,this._data.className);

  if (pl.config.preloadNext) {
    var nextLink = (pl.indexByURL[this._data.oLink.id]+1);
    if (nextLink<pl.links.length) {
     sm.load(nextLink)
    }
  }
 },
...

Таким образом, когда начинается песня, мы проверяем, есть ли следующая песня; если есть, мы извлекаем его id из массива звуков, который был создан при создании экземпляра SoundManager. В данном случае SoundManager - это sm, поэтому мы просто передаем id нашей следующей песни в функцию sm.load().

Вот живая демонстрация: http://plnkr.co/edit/mpBkfDIrLNduMAWJjRfN.

Попробуйте такой подход:

Использование событий onplay и onfinish в createSound метод, вы можете связать серию файлов, которые делегируют друг друга.

Явно сообщая firstSound: "когда вы начинаете играть, предварительно загрузите следующий звук, а когда вы закончите играть, воспроизвести этот следующий звук"

JavaScript

var firstSound = soundManager.createSound({
    id: 'firstSound',
    url: 'path/to/your/firstSound.mp3'
});
var secondSound = soundManager.createSound({
    id: 'secondSound',
    url: 'path/to/your/secondSound.mp3'
});
// Kickoff first sound
firstSound.load();
// Define the chain of events
firstSound.play({
    onplay: function () {
        // When `firstSound` starts, preload `secondSound`
        secondSound.load();
    },
    onfinish: function () {
        // Repeat, with next sound
        secondSound.play({...
        })
    }
});