页面上多个audio只播放一个
一个 页面 多个 播放 Audio
2023-09-11 14:17:27 时间
// 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)}); }); }
相关文章
- 使用一个函数找出一个整型数组中的最大值和最小值
- Flutter 一个优美的用户体验的登录页面 抖动提示 文本提示
- 让一个div居于页面正中间
- 一个Java8模型的batch队列
- 记一个bootstrap定制container导致页面X轴出现横向滚动条的坑
- isVnode 判断一个对象是否为 vnode 类型
- C# HTML 当前页面嵌套另一个页面
- 【快应用】打开一个H5页面,能修改标题吗?
- 上手做一个华为鸿蒙手表应用 3 - 两页面互相跳转
- 让一个div始终固定在页面的某一固定位置的方法
- 一个div层在页面上下左右居中以及数据的排序
- VuePress初学之利用模板theme创建一个个人博客网站
- 如何判断一个路径是否为文件夹
- 【快应用】打开一个H5页面,能修改标题吗?
- STM32之从零开始构建一个工程
- Java高级应用(一个)-文件夹监控服务
- (2.12)备份与还原--如何把一个媒体集备份多次
- 通过myclipse建立一个简单的Hibernate项目(PS:在单元测试中实现数据的向表的插入)
- Flutter开发 -写一个历史记录的页面
- iOS开发 - 点击tabbar某一个item,直接push跳转进入需要的页面,而不是切换tab
- 一个在线生成H5页面的开源平台:gods-pen
- node中一个基本的HTTP客户端向本地的HTTP服务器发送数据
- 光伏发电企业将进入一个“两极分化”的时代
- Java //PP2.6 编写一个应用程序,将英里转换为千米(1英里等于1.60935千米)。以浮点数类型读取用户输入的英里数