Question

我正在尝试构建一个类似幻灯片的项目。我正在使用ferroSlider jquery插件和Popcorn.js。我的项目有一些幻灯片，每个幻灯片（几乎所有）都有音频标签（所有音频标签都不同）。我想在每个幻灯片结束加载时播放音频。 FerroSlider提供了一个事件“endslie”和一个返回当前div的函数（$ .fn.ferroslider.getActualSlideId（））。我能够获得当前的音频ID，但我无法播放它... 任何帮助都不仅仅是一种帮助。大家好。

$(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

Answer 1

获得音频元素后。您可以使用音频标签的内置功能播放音频。 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>

将此代码（在准备好的文档中）添加到回调函数中，音频应在加载时播放。它会绑定

如何使用javascript / jquery在不同的幻灯片中播放不同的音频？

1 个答案: