浏览器本地音频压缩

网站音频压缩工具

在浏览器本地生成更小的网站音频资源，对比 MP3、AAC 和 OGG 的预计大小，读取当前浏览器 canPlayType 提示，并按连接速度计算理想传输时间。页面还会使用你填写的部署相对路径生成基础可访问的 audio 代码，不会把临时 blob 地址写入代码。

本地处理：音频、文件名、标签、录音数据和实测流信息不会上传，也不会写入分析系统。
状态 上传音频文件

为网站音频选择字节预算

先确定资源用途与页面传输预算，再选择 250 KB、500 KB、1 MB、2 MB 或自定义值。时长与平均比特率决定大部分有损载荷，因此长音频若要满足很小预算，就必须缩短时长、降低比特率、减少声道，或组合调整。页面会明确提示当前估算是否超出预算。

字节预算不是音质等级。短 UI 提示可能只需数百 KB，音乐预览或旁白可能更多。导出后会用实际结果替代估算，因为容器、标签、填充与编码行为不能被完全预测。

语音、音乐、界面声音与环境音

语音样本和产品旁白在内容居中时常可用单声道；UI 声音虽短，也要认真测试格式；音乐预览和环境循环通常依赖立体声位置与瞬态，过度降低比特率或下混可能改变意图。

五个预设使用真实不同的格式、比特率、声道和采样率，不是只换标签。需要手动数值可用音频比特率修改器；与其继续降低比特率时，缩短内容可用音频裁剪器。

MP3、AAC 与 OGG 兼容性

候选表读取当前浏览器的 canPlayType。“probably”与“maybe”只描述当前用户代理，不保证所有系统、WebView、辅助技术或未来版本。编码能力与播放能力也不同：本工具能生成某格式，不代表每个浏览器都能内嵌试听。

稳健部署可以提供多个实际生成并托管的 source。本页每次生成一个所选格式，因此代码只引用该真实格式。可用音频转换器生成另一种审核过的格式，再经部署测试后手动补充。

preload 与 autoplay

代码默认带原生 controls 与 preload="none"；需要提前获知时长时可选 metadata，但 preload 只是浏览器提示。autoplay 被刻意省略，因为它可能被拦截、在用户无意时耗费流量，并造成无障碍问题。

页面不会生成绕过自动播放策略的 JavaScript。应由用户主动开始播放；环境背景音也必须提供清晰暂停方式并尊重用户场景。

可访问音频控件与文字稿

生成的元素带 controls，并提供指向同一部署资源的后备链接。语音内容还应提供结构清楚的文字稿，必要时标明说话人。文件名不是文字稿，只有播放器控件也不能让无法听见内容的用户获得信息。

请在最终页面测试键盘焦点、屏幕阅读器、缩放、对比度和移动宽度。字幕更常用于同步视频；纯音频通常需要文字稿或等价文本内容。

估算传输时间

公式为 fileSizeBits ÷ connectionBitsPerSecond，可输入 Mbps 或 Kbps。结果会基于当前预计大小或实际编码字节更新。这是理想载荷时间，不含 DNS、TLS、HTTP 头、延迟、拥塞、缓存状态、分段请求和服务器响应。

较小资源在其他条件相近时通常传输字节更少，但不保证 Core Web Vitals 必然变化；资源是否请求、何时 preload、是否缓存以及交互时机都会影响页面表现。

本地处理与部署流程

选择并检查来源，挑选内容预设，核对字节估算与当前浏览器播放提示，然后生成一个输出。试听、下载并放入项目或 CDN 后，把代码路径改为最终相对 URL。生成器拒绝 blob、data、JavaScript 与远程 URL，避免临时预览地址进入生产代码。

最后测试部署响应 MIME、缓存策略、Range 请求、键盘控件、文字稿和目标浏览器矩阵。若项目有明确采样率要求，可使用采样率转换器。

常见问题

更小的音频一定改善 Core Web Vitals 吗？

不一定。它通常减少传输字节，但请求时机、preload、缓存、服务器和页面架构共同决定实测结果。

为什么 canPlayType 只代表当前浏览器？

它是当前用户代理给出的运行时提示，其他浏览器、WebView 和设备可能不同。

代码会包含本地 blob URL 吗？

不会。生成器会拒绝 blob 与 data URL，只使用你输入的部署相对路径。

为什么不提供 autoplay？

意外自动播放常被拦截，会在用户无意时使用流量，也可能损害无障碍体验。

网站语音需要文字稿吗？

需要。请用可访问文本提供同等重要信息，并在必要时标注说话人与结构。

传输时间是真实网络测速吗？

不是。它只是文件比特数除以连接比特率，不含延迟、协议、拥塞、缓存和服务器表现。

相关工具

在线音频转换器 音频比特率修改器 音频采样率转换器 在线音频裁剪器