码迷,mamicode.com
首页 > 其他好文 > 详细

页面上多个audio只播放一个

时间:2021-04-27 15:20:20      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:foreach   list   any   函数   dde   event   listen   index   cto   

// ts版-vue
private justPalyOne() {
    const audios = document.querySelectorAll("audio");
    // 暂停函数
    const pauseAll = (exclude: any): any => {
      audios.forEach((audio, index) => {
        if (exclude !== index) {
          audio.pause();
        }
      });
    };
    audios.forEach((audio, index) => {
      audio.addEventListener("play", ()=>{pauseAll(index)});
    });
}

 

// 普通js版
const justPalyOne = () => {
    const audios = document.querySelectorAll("audio");
    // 暂停函数
    const pauseAll = (exclude)=> {
      audios.forEach((audio, index) => {
        if (exclude !== index) {
          audio.pause();
        }
      });
    };
    audios.forEach((audio, index) => {
      audio.addEventListener("play", ()=>{pauseAll(index)});
    });
 }

 

页面上多个audio只播放一个

标签:foreach   list   any   函数   dde   event   listen   index   cto   

原文地址:https://www.cnblogs.com/dshvv/p/14707953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!