如何在滚动中的背景音频中自动播放

问题描述

在滚动页面时音频出现问题。我发现此解决方案效果很好，但仅适用于第一个音频。

<script>
     const el = document.querySelector("audio");
     let playing = false;
     window.addEventListener('scroll',(e) => {
       const scroll = e.target.body.scrollTop;
       const rect = document.getElementById("d3").getBoundingClientRect();
       const top = rect.top;
       if (!playing && top > rect.height / 3) {
         el.play();
         playing = true;
       } else if (top < rect.height / 3) {
         el.pause();
         playing = false;
       }
     });
    </script>

此脚本从页面顶部开始，到添加了id = d3的位置停止。我需要在第一个之后添加更多音频，所以我需要另一个DIV中的另一个起点，以及div末尾的相对停止点...这就是我要添加的所有音频（在我的情况下为4个音频）如何编辑以上解决方案？换句话说，我想在选定的div位置播放和停止更多声音，只需滚动页面即可。

有解决方案吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

audio autoplay javascript scroll