纯代码干货!用 JS 轻松停止页面上所有 Audio 播放
你可以使用JavaScript的`AudioContext`或者`Audio`对象的`pause()`方法来停止页面上所有的音频播放。以下是一个简单的示例: ```javascript // 获取所有audio元素 var audioElements = document.getElementsByTagName('audio'); // 遍历所有audio元素并停止播放 for (var i = 0; i < audioElements.length; i++) { if (audioElements[i]) { audioElements[i].pause(); // 停止播放 } } ``` 这段代码会停止所有`<audio>`标签的音频播放。如果你有使用`AudioContext`创建的音频,可以使用类似的方式: ```javascript var audioContexts = document.querySelectorAll('audio[context]'); // 假设你有添加context属性的audio元素 audioContexts.forEach(function(context) { context.suspend(); // 在Web Audio API中,对应于pause() }); ``` 注意:`suspend()`方法在Web Audio API中用于暂停或停止音频上下文,与`pause()`方法类似,但可能在某些情况下效果更好。 ######[AI写代码神器 | 227点数解答 | 2024-03-22 00:09:45]
相关提问
- Three.js 示例代码解析:优化场景渲染与注意要点(字节豆包 | 164点数解答 | 2025-02-27 23:30:20)281
- "Debugging 'Cannot Read Properties of Null (reading \'userid\')' Error in Vue Components: Steps and Example"(讯飞星火 | 614点数解答 | 2024-11-28 14:31:57)286
- HTML+jQuery 实现列表元素悬停动画效果:代码详解与注意事项(字节豆包 | 475点数解答 | 2024-12-19 14:58:05)386
- HTML+jQuery:打造动态导航栏动画效果及注意事项(字节豆包 | 495点数解答 | 2024-12-19 14:58:06)332
- HTML+jQuery:打造带动态交互效果的商品展示页面(讯飞星火 | 497点数解答 | 2024-12-19 14:58:18)335
- HTML与jQuery结合:实现商品列表交互动画的首页代码解析(讯飞星火 | 497点数解答 | 2024-12-19 14:58:20)357
- Three.js实现可360°观察正交长方体:代码分析、优化与注意要点(DeepSeek | 466点数解答 | 2025-03-01 11:35:41)263
- "Debugging 'Cannot Read Properties of Null (Reading 'userid')' Error: A Step-by-Step Guide"(讯飞星火 | 523点数解答 | 2024-11-28 14:32:05)266
- 解决 “Cannot read properties of null (reading 'userid')” 错误的代码修改方案(讯飞星火 | 516点数解答 | 2024-11-28 14:32:43)299
- 湖南2025届高考物理公式手册网页:优化指南与注意要点大揭秘(DeepSeek | 405点数解答 | 2025-05-28 22:10:21)184
- 优化!新时代中国特色社会主义思想概论复习题库答案网页代码全解析(字节豆包 | 2009点数解答 | 2025-06-29 22:29:38)265
- 现场品管生产日检查表网页开发:功能、优化与开发注意事项揭秘(DeepSeek | 312点数解答 | 2025-11-13 12:59:01)100