play() 不接受音量参数，因音量是媒体元素独立属性，需通过 volume 属性设置（0.0–1.0），且必须在用户交互上下文中操作，否则被浏览器忽略。
play() 函数本身不接受音量参数，也不能直接设音量——音量必须在调用 play() 之前或之后单独设置 volume 属性。
为什么 play() 没有音量参数
HTML5 play() 是一个无参方法，只负责启动媒体播放。音量是媒体元素（ 或 ）的独立属性，属于状态控制，和播放动作解耦。强行把音量塞进 play() 会破坏 DOM 媒体 API 的设计一致性。
正确设置音量的时机和写法
必须操作媒体元素的 volume 属性，取值范围是 0.0（静音）到 1.0（最大），且需注意浏览器策略限制：
- 音量设置必须在用户交互（如 click、touchend）触发的上下文中执行，否则部分浏览器（尤其是 iOS Safari 和新版 Chrome）会忽略
- 建议在
play()调用前设置，避免播放瞬间出现爆音或音量不一致 - 设置后可读取
volume确认是否生效（某些设备可能 clamp 到有效范围）
示例：
立即学习“前端免费学习笔记（深入）”；
const audio = document.querySelector('audio');
audio.volume = 0.3; // 先设音量
audio.play().catch(e => console.warn('自动播放被阻止:', e));
常见失败场景和绕过方式
以下情况会导致 volume 设置无效或被重置：
- 在页面加载完成时直接设置并调用
play()：大多数移动端浏览器禁止自动播放带声音的媒体，此时volume可能被忽略或设为 0 - 使用
muted属性后又取消静音：取消muted后音量不会自动恢复原值，需手动重设volume - 在
play()的 Promise resolve 后再设音量：部分浏览器（如旧版 Safari）要求音量在播放前已就绪
稳妥做法是绑定用户点击事件，在回调中统一处理：
button.addEventListener('click', () => {
audio.volume = 0.5;
audio.muted = false;
audio.play();
});
兼容性和特殊值注意点
volume 不是所有环境都完全可控：
- iOS Safari 无视
volume设置，始终使用系统音量；muted是唯一可靠开关 - 某些 Android WebView 对
volume改变响应延迟，甚至需要配合load()重载 -
volume设为NaN或超出[0, 1]会被自动 clamped，但不会报错 - 想实现“静音但保留音量记忆”，应同时管理
muted和volume两个状态变量
真正要控制音量，靠的不是改 play()，而是管住 volume 和 muted 的时机与上下文——尤其别在没用户手势时碰它。
