Как воспроизводить разные аудио на разных слайдах, используя javascript / jquery?

0

Я пытаюсь создать слайд-подобный проект. Я использую подключаемый модуль 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

Теги:
audio

1 ответ

0

Когда у вас есть аудио элемент. Вы можете воспроизводить аудио, используя встроенные функции для аудиотега. Там на 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>     

Добавьте этот код (в документе готов) в свою функцию обратного вызова, и звук должен воспроизводиться при загрузке. И он свяжет

  • 0
    Спасибо за ваш быстрый ответ, но он не работает. Мои divs скользят по keydown (наверное, я должен был сказать это раньше, извините). В любом случае, я попробовал ваш код, и звук (не на всех слайдах есть звук) не воспроизводится. Моим первым подходом было использование автозапуска: если в отображаемом div есть звук, запустите его автоматически, как только слайд (div) загрузится ... Я совершенно сбит с толку !!!! :-). спасибо еще раз
  • 0
    Попробуйте связать audioElement.play () с keydown.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню