如何使用onSlideChangeStart添加音频

经此而已 · 发表于 2018-8-15 16:47:13

如何使用onSlideChangeStart给每一页滑动页面添加音频，每一次滑动页面就播放不同的音频；希望各位大神给点建议，谢谢！

loveagle · 发表于 2018-8-22 11:03:18

首页你要准备好一些音频，如 0.mp3 --9.mp3
var mySwiper = new Swiper('.swiper-container', {
// swiper初始化完成时
onSwiperCreated: function(swiper){
      //创建一个AUDIO置于body中
      var audio
      $('<audio id="audio"></audio').appentTo("body");
},
onSlideChangeStart: function(swiper){
      $("#audio").attr("src", swiper.activeIndex+".mp3");
      document.getElementById('audio').play();
}
});

qiaoxia · 发表于 2018-10-24 15:29:40

这个很强大啊

aqws111 · 发表于 2019-3-26 14:19:09

用不鸟哦

aqws111 · 发表于 2019-3-26 18:21:06

swiper4 用不鸟哦

lesliehuang · 发表于 2019-12-9 19:09:47

我这个是在三个swiper-slide中其中一个写的div，每次轮重庆欢乐生肖播到这个swiper-slide的时候用定时器scrollTop++滚动。当设置自动轮播正向滚动的时候把这个swiper-slide放开奖网在第三个或者第一个每次轮播到它就滚不动了，如果设置逆向轮播滚动放在哪个位置都可以？？这是为啥呢。难道北京pk10正向轮播和逆向轮播刷新机制还不一样吗