Я пытаюсь создать слайд-подобный проект. Я использую подключаемый модуль ferroSlider jquery и Popcorn.js. В моем проекте есть несколько слайдов, и каждый из них (почти все) имеет и звуковой тег (все звуковые теги разные). Я хотел бы воспроизвести звук, когда каждый слайд заканчивается загрузкой. FerroSlider предоставляет событие "endlie" и функцию ($.fn.ferroslider.getActualSlideId()), которая возвращает текущий div. Я могу получить текущий идентификатор звука, но я не могу его воспроизвести... Любая помощь будет более чем оценена. Спасибо всем.
$(document).ready(function() {
$(document).bind("endslide", function(){
var slideactual=$.fn.ferroSlider.getActualSlideId();
var audioactual=[];
$(slideactual).find("audio").each(function(){audioactual.push(this.id);});
if($(slideactual).children('audio').length>0){
alert(audioactual);
}
});
http://www.alessandroferrini.it/lab/jQueryPlugins/ferroSlider/docs/docs.php
Когда у вас есть аудио элемент. Вы можете воспроизводить аудио, используя встроенные функции для аудиотега. Там на onLoad eventlistener. Это будет играть, как только звук загружается, и вы даже можете добавить кнопки паузы и воспроизведения.
<script>
$(document).ready(function() {
var audioElement = $(audioactual);
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
$('.play').unbind('click').click(function() {
audioElement.play();
});
$('.pause').unbind('click').click(function() {
audioElement.pause();
});
});
</script>
Добавьте этот код (в документе готов) в свою функцию обратного вызова, и звук должен воспроизводиться при загрузке. И он свяжет