Javascript 在滑块中播放多个音频文件

Javascript 在滑块中播放多个音频文件,javascript,jquery,css,audio,Javascript,Jquery,Css,Audio,我尝试使用这个滑块:但是每次加载滑块时,我都想播放不同的音频文件 我想象它的工作方式是,用户在第一张幻灯片上单击播放,音频完成播放,然后幻灯片更改,它自动播放下一个音频文件,并继续播放,直到所有幻灯片都播放完毕 当音频停止时,滑块会发生变化,但无法确定如何一个接一个地播放下一个音频文件 我对jQuery还很陌生,我一直在努力。任何帮助都将不胜感激 以下是我正在进行的工作: 多谢各位 我要做的是使用脚本语言(如PHP)处理音频播放,并使用Javascript或JQuery参数调用所需的方法 您可以

我尝试使用这个滑块:但是每次加载滑块时,我都想播放不同的音频文件

我想象它的工作方式是,用户在第一张幻灯片上单击播放,音频完成播放,然后幻灯片更改,它自动播放下一个音频文件,并继续播放,直到所有幻灯片都播放完毕

当音频停止时,滑块会发生变化,但无法确定如何一个接一个地播放下一个音频文件

我对jQuery还很陌生,我一直在努力。任何帮助都将不胜感激

以下是我正在进行的工作:


多谢各位

我要做的是使用脚本语言(如PHP)处理音频播放,并使用Javascript或JQuery参数调用所需的方法

您可以使用PHP嵌入HTML,以便播放音频。大概是这样的:

$audioFile = "wishedAudioFile.mp3";
echo '<embed src="'.$audioFile.'" hudden="true" autostart="true"></embed>';
$audioFile=“wishedadiofile.mp3”;
回声';

您可以维护一个源数组,其中每个索引都引用一个幻灯片索引,从查看中,您可以使用
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
};