play()函数不支持音量控制，需通过HTMLMediaElement的volume属性（0.0–1.0）设置，且须在用户手势触发后操作；volume=0保留播放流程，muted=true则彻底静音并影响autoplay策略；iOS中volume始终读为1，音量控制权实际受限于用户交互、系统策略与浏览器实现。
play() 函数本身不支持音量控制
浏览器原生的 play() 函数只负责触发播放，它没有音量参数，也不接受任何配置对象。想靠 play() 直接调大调小音量，行不通。
真正起作用的是 HTMLMediaElement 实例上的 volume 属性（范围 0.0–1.0），必须在 play() 前、后或过程中单独设置。
- 常见错误现象：
audio.play().volume = 0.5—— 报错，因为play()返回的是 Promise，不是媒体元素本身 - 正确写法是先拿到
<audio></audio>元素引用，再操作它的volume - 部分安卓 WebView 或旧版 iOS 中，
volume属性可能被忽略（尤其自动播放场景），这是系统级限制，代码无法绕过
如何安全设置音量：时机比写法更重要
音量设置失败，八成是因为时机不对。用户手势触发（如 click）之后，媒体元素才获得“可控制权”，此前设 volume 可能无效或被重置。
- 推荐做法：在用户交互回调里，先调
play()，然后立刻设volume - 不要在
load或canplay事件里提前设音量，那时还没获得播放权限 - 如果用了自动播放（
autoplay），需监听playing事件后再设volume，否则容易被浏览器丢弃
button.addEventListener('click', () => {
audio.play().then(() => {
audio.volume = 0.3; // ✅ 此时已获权限
});
});
volume=0 和 muted=true 的区别不能混用
volume = 0 是把音量滑到最低，但音频仍在解码、播放流程中；muted = true 是彻底静音开关，还会影响某些浏览器的自动播放策略判断。
- 想“无声播放但保留进度/时间轴”，用
volume = 0 - 想“让浏览器认为这是静音播放，提高 autoplay 通过率”，用
muted = true - 两者可以同时设：
audio.muted = true; audio.volume = 0.8—— 此时仍静音，volume值只是暂存，取消 mute 后会立即生效 - 注意：iOS Safari 中，
muted状态变更可能不会触发volumechange事件
移动端兼容性坑：iOS 和 Android 行为不一致
音量控制在移动端不是“写了就有效”。iOS 强制将所有 Web 音频绑定到系统音量，且禁止 JS 修改 volume（设了也读不到新值）；Android 则大多支持，但部分定制 ROM 会拦截。
- iOS 上
audio.volume始终返回 1，无论你设成多少 —— 这是故意设计，不是 bug - 如果你看到
audio.volume读出来一直是 1，别挣扎，那是 iOS 在告诉你：“音量由用户自己调” - Android 某些版本（如 Android 12+）对后台播放的
volume修改敏感，可能触发降噪逻辑或直接拒绝 - 真要跨端统一控制体验，得靠 Web Audio API 接管解码，但代价是失去
<audio></audio>的简单性和流式加载能力
volume = 0.5，最好顺手加个 console.log(audio.volume) 看一眼——有时候它默默给你改回了 1。 
