javascript通过audio元素的play()和pause()方法控制播放与暂停,需先用getelementbyid或queryselector获取dom对象,确保dom加载完成,并处理自动播放策略限制及异常。

直接用 JavaScript 操作 `
获取音频元素对象
必须先通过 ID、类名或选择器拿到音频 DOM 对象,才能调用控制方法:
- 推荐用
document.getElementById()(如果音频有 id) - 也可用
document.querySelector('audio')选第一个 audio 标签 - 注意:必须等 DOM 加载完成再获取,否则可能返回 null
播放与暂停的基本操作
拿到 audio 对象后,直接调用原生方法即可:
Java Linux版下载入口,提供 Oracle JDK 26.0.2 官方 Linux 安装包、Java 环境配置、JDBC 数据库连接和 Java 服务端开发相关信息。
-
audio.play()—— 开始播放(可能因浏览器自动播放策略失败,需用户交互触发) -
audio.pause()—— 暂停播放,当前播放位置会保留 -
audio.currentTime = 0—— 可配合 pause() 重置到开头
监听状态与处理异常
play() 在某些浏览器(如 Chrome、Safari)中可能被静音或拦截,建议加错误捕获:
- 监听
onplay、onpause、onended事件做状态反馈 - 对
play()使用.catch(e => console.warn('播放失败:', e)) - 检查
audio.paused属性判断当前是否暂停(true 表示已暂停或未开始)
一个可运行的小例子
HTML 中写:
JS 中写:
const audio = document.getElementById('myAudio');
function playAudio() {
audio.play().catch(e => console.log('自动播放被阻止,请用户点击后触发'));
}
function pauseAudio() {
audio.pause();
}Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










