Воспроизведение нескольких аудиофайлов в слайдере

Question

Я пытаюсь использовать этот слайдер: http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/, но хочу играть в другой аудиофайл каждый раз при загрузке слайда.

Способ, которым я представляю, что он работает, предназначен для того, чтобы пользователь нажал кнопку воспроизведения на первом слайде, аудио, чтобы закончить воспроизведение, затем, чтобы слайд изменился, и он автоматически воспроизводит следующий аудиофайл, и поэтому он продолжается до тех пор, пока все слайды воспроизводятся.

Я получил это до такой степени, когда слайдер изменился, когда звук остановился, но не может понять, как воспроизводить следующий аудиофайл один за другим.

Я очень новичок в jQuery и много борюсь. Любая помощь будет действительно оценена!

Вот моя работа продолжается: http://dailycrow.me/actualsite/

Спасибо.

Answer 1

Что бы я хотел сделать, это обработать звук, воспроизводящий с помощью языка сценариев, такого как PHP, и вызвать необходимый метод с параметрами с помощью Javascript или JQuery.

Вы можете встроить HTML с PHP, чтобы звук можно было воспроизводить. Что-то вроде этого:

$audioFile = "wishedAudioFile.mp3"; 
echo '<embed src="'.$audioFile.'" hudden="true" autostart="true"></embed>'; 

Answer 2

вы можете поддерживать множество источников, где каждый индекс относится к индексу слайдов, и глядя на this doc, вы можете использовать onAfterChange событие, код будет что-то вроде:

var audio = new Audio(), audSrcList = [ 
    'slide1.wav', 
    'slide2.wav', 
    'slide3.wav', 
    'slide4.wav' 
    ... 
    ]; 

function afterSlideChange(slide, index){ 
    audio.src = audSrcList[index]; 
    audio.play(); 
}; 
... 
$.Slitslider.defaults = { 

    ... 

    // callbacks 
    onBeforeChange : function(slide, idx) { return false; }, 
    onAfterChange : afterSlideChange  //CHANGED here 
};