使用 ScrollMagic.js 滚动时播放音频元素

http://www.qianduanheidong.com/blog/article/317665/587ddcad335e52dce6a9/

let scenes = [];// init controllervar controller = new ScrollMagic.Controller();
$('.slide').each(function(index) {
  var trigger = '#slide-' + index + ' .trigger';
  var audio = '#slide-' + index + ' audio';
  scenes[index] = new ScrollMagic.Scene({
      triggerElement: trigger,
      triggerHook: 'onCenter',
      duration: '50%'
    })
    .addIndicators({
      name: trigger,
      colorEnd: "#00FFFF"
    })
    .on('enter', function() {
      let audio = $('audio')
      console.log('Playing audio at index', index)
      audio[index].play();
    })
    .on('leave', function() {
      console.log('Leave' + trigger);
    })
    .addTo(controller);
});

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/ScrollMagic.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/plugins/debug.addIndicators.min.js"></script><div id="slide-1">
    <div></div>
    <audio src="https://sample-videos.com/audio/mp3/crowd-cheering.mp3" preload="auto"></audio></div><div id="slide-2">
    <div></div>
    <audio src="https://sample-videos.com/audio/mp3/crowd-cheering.mp3" preload="auto"></audio></div><div id="slide-3">
    <div></div>
    <audio src="https://sample-videos.com/audio/mp3/crowd-cheering.mp3" preload="auto"></audio></div>