音频剪切工具

一款基于浏览器的在线音频处理工具，支持音频上传、时长检索、多段剪切和批量导出。所有处理均在本地完成，无需上传服务器，保护您的隐私。

演示地址：https://audioclip.937788.xyz/

功能特性

• 本地处理：所有音频处理均在浏览器中完成，文件不会上传到任何服务器
• 多格式支持：支持 MP3、WAV、OGG、WebM 等常见音频格式
• 智能裁剪：一键生成固定时长片段（30秒 / 60秒 / 120秒）或均等分割音频
• 可视化时间轴：拖拽式选择剪切范围，实时预览播放位置
• 批量导出：支持同时导出多个片段，可选择 WAV 无损或 MP3 压缩格式
• 片段管理：支持播放试听、删除片段、清空全部等操作

文件结构

├── index.html          # 主页面
├── style.css           # 自定义样式
├── script.js           # 核心逻辑脚本
├── lame.min.js         # MP3 编码库
└── README.md           # 说明文件

使用方式

方式一：直接打开

用浏览器直接打开 index.html 即可使用，无需安装任何软件或搭建服务器。

方式二：部署到网站

将文件上传至任意静态托管服务（如 GitHub Pages、Vercel、Netlify、对象存储等）即可在线访问。

使用步骤

1. 上传音频：点击"选择音频文件"或拖放文件到上传区域
2. 智能裁剪（可选）：点击 30秒/60秒/120秒 按钮快速分段，或选择段数后点击"均等分割"
3. 手动调整：在时间轴上拖拽选择范围，或输入精确的开始/结束时间
4. 添加片段：点击"添加剪切片段"将选区加入列表
5. 导出设置：设置文件名前缀和导出格式（WAV 或 MP3）
6. 批量导出：点击"导出所有片段"下载全部剪切结果

技术栈

• HTML5 + Tailwind CSS — 页面结构与样式
• Font Awesome 4.7 — 图标字体
• Web Audio API — 音频解码与处理
• lamejs — MP3 编码导出
• Blob / URL.createObjectURL — 本地文件生成与下载

浏览器兼容性

• Chrome / Edge（推荐）
• Firefox
• Safari（需用户交互后启用 AudioContext）

注意：由于使用 Web Audio API，建议使用现代浏览器以获得最佳体验。

截图