JavaScript无法直接获取音频解码进度百分比，但可通过networkState/readyState判断加载与解码阶段，用buffered估算已缓冲比例，或通过Web Audio API的decodeAudioData精准捕获解码完成时机。
JavaScript 中无法直接获取音频文件解码加载的精确百分比进度，因为 Audio 或 HTMLMediaElement（如 <audio>）本身不提供解码阶段的细粒度进度事件。但可以通过组合多个原生事件和属性，**间接估算并监控加载与解码过程的关键节点**，尤其区分“网络加载”和“音频解码准备就绪”两个阶段。
监听加载状态变化：networkState 与 readyState
这两个属性反映底层资源获取和媒体准备程度，是判断进度阶段最可靠的依据：
-
networkState：标识网络连接状态
•NETWORK_EMPTY（0）：刚创建，尚未开始加载
•NETWORK_IDLE（1）：已选择资源，等待加载（常见于preload="none"）
•NETWORK_LOADING（2）：正在下载数据
•NETWORK_NO_SOURCE（0）：无有效源 -
readyState：标识媒体数据可用程度（直接影响能否播放）
•HAVE_NOTHING（0）：无信息
•HAVE_METADATA（1）：已获取时长、尺寸等元数据（通常此时duration可读）
•HAVE_CURRENT_DATA（2）：当前播放位置有足够数据（可渲染首帧/首样本）
•HAVE_FUTURE_DATA（3）：当前及后续若干时间有数据（基本可流畅播放）
•HAVE_ENOUGH_DATA（4）：缓冲充足，解码器已就绪，可长期播放
建议在 loadstart、progress、loadedmetadata、canplay、canplaythrough 等事件中检查并记录这些值，构建状态流转日志。
用 buffered 和 currentTime 估算已加载范围
当音频开始加载后，buffered 属性返回一个 TimeRanges 对象，表示浏览器已缓冲的时间区间。结合 duration（需先触发 loadedmetadata），可粗略计算“已加载时间占比”：
立即学习“Java免费学习笔记（深入）”；
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const audio = new Audio('song.mp3');
audio.addEventListener('loadedmetadata', () => {
console.log('总时长:', audio.duration); // 注意：某些格式可能为 Infinity，需 fallback
});
<p>audio.addEventListener('progress', () => {
if (audio.buffered.length > 0) {
const bufferedEnd = audio.buffered.end(0); // 第一段缓冲区结束时间
const loadedPercent = (bufferedEnd / audio.duration) * 100;
console.log(<code>已缓冲约 ${loadedPercent.toFixed(1)}%</code>);
}
});⚠️ 注意：buffered 反映的是**解码前的原始字节缓冲**，不是解码完成量；且多段缓冲（如 seek 后）需遍历 buffered 所有区间求和。
检测解码是否真正就绪：利用 decodeAudioData（Web Audio API）
若你使用 Web Audio API 手动解码（例如通过 fetch + arrayBuffer + context.decodeAudioData()），这才是**唯一能明确感知解码完成时机的方式**：
async function loadAndDecodeAudio(url) {
const response = await fetch(url);
const arrayBuffer = await response.arrayBuffer();
<p>// 此时开始解码（同步调用，但实际异步执行）
const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);</p><p>console.log('✅ 解码完成，声道数:', audioBuffer.numberOfChannels);
return audioBuffer;
}这个 Promise 的 resolve 即代表**解码彻底完成**，可用于精准标记“解码进度 100%”。适用于需要精细控制音频处理的场景（如可视化、实时分析），但不适用于直接播放 <audio> 标签。
实用建议：分层反馈用户
不要追求“精确 37.2%”，而应按阶段给出清晰状态提示：
- 显示“正在连接…” → 监听
loadstart或networkState === NETWORK_LOADING - 显示“加载中（x%）” → 基于
buffered+duration动态更新（注意防 NaN） - 显示“解码中…” → 在
canplay后启动一个定时器，直到canplaythrough或readyState === HAVE_ENOUGH_DATA - 最终“准备就绪” →
playing事件或pause后paused === false
这样既符合浏览器实际能力，又提供可理解的用户体验。
