<p>应使用指数映射将滑块值（0–100）转换为音量（0.0–1.0），因人耳对响度感知呈对数关系；公式为 volume = Math.pow(sliderValue/100, γ)，γ 通常取 2.2～2.4；反向同步需用 slider.value = 100 * Math.pow(video.volume, 1/γ)，并处理 muted 和边界值。</p>
直接用 video.volume 线性映射滑块（比如 0–100 → 0.0–1.0）会导致人耳感知的音量变化不均匀：低数值段音量变化明显，高数值段几乎没感觉。要让调节“更自然”，关键不是改 volume 值本身，而是把用户拖动滑块的输入，用指数关系转换成 volume 值。
为什么线性映射不自然
人耳对声音强度的感知接近对数关系（遵循韦伯-费希纳定律）。音量从 0.1 到 0.2 的响度提升，远大于从 0.8 到 0.9。如果滑块拉到 50%，直接设 volume = 0.5，实际听感可能只相当于“20% 响度”。这会让用户反复拖动却调不准想要的音量。
用指数公式做输入映射
把滑块 value（0–100）先归一化为 0–1，再通过幂函数压缩：
volume = Math.pow(sliderValue / 100, γ)
其中 γ（gamma）是指数系数，通常取 2.0～2.4 效果较平衡。
- γ = 2.0 →
volume = (v/100)²：中低段响应更细腻，适合强调静音到轻声的过渡 - γ = 2.2～2.4：兼顾全范围，多数播放器采用此区间
- γ = 1.0：退化为线性（不推荐）
双向同步时注意反向计算
用户拖动滑块时，你用指数公式算 volume；但当 volume 变化触发 volumechange 事件、需反向更新滑块位置时，不能直接用 slider.value = volume * 100。必须解方程还原：
- 若你用的是
volume = (v/100)²，则反向为v = 100 × √volume - 通用写法：
slider.value = 100 * Math.pow(video.volume, 1 / gamma) - 记得对
video.volume做边界保护：Math.max(0.001, Math.min(1, volume))，避免 0 开根报错或 NaN
静音状态仍需单独处理
指数映射只影响非静音时的音量分布。muted 状态必须独立判断和同步：
立即学习“前端免费学习笔记（深入）”；
- 用户点击静音按钮 → 设
video.muted = true，同时将滑块设为 0（视觉归零） - 监听
volumechange时，先检查video.muted：若为 true，则强制滑块显示 0，且不执行反向幂运算 - 滑块拖回 0 时，建议同时设
video.muted = true，而非仅设volume = 0（更符合用户直觉）
不复杂但容易忽略：指数映射本质是优化人机交互反馈，volume 属性本身仍是标准 0.0–1.0 范围，浏览器照常接受——你只是在 UI 和媒体之间加了一层感知适配层。
