# 节拍器 **Repository Path**: ningsiii/metronome ## Basic Information - **Project Name**: 节拍器 - **Description**: 一个节拍器小网址 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2025-08-03 - **Last Updated**: 2025-09-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 手机节拍器 一个功能丰富的网页版节拍器,专为移动设备优化设计。支持自定义节拍强度、多种拍号和BPM调节。 ## 功能特性 - 🎵 **自定义节拍强度**:通过点击节拍方块中的不同段落来调节每个节拍的音量强度 - 📱 **移动端优化**:专为手机触摸操作设计,支持数字键盘输入BPM - 🎨 **直观界面**:彩色节拍显示,清晰的状态指示 - 🔊 **多拍号支持**:支持4/4、3/4、2/4、6/8等多种拍号 - ⏱️ **精准计时**:使用Web Audio API确保节拍准确 - 🌐 **离线使用**:支持PWA功能,可添加到主屏幕离线使用 - 🔋 **屏幕常亮**:运行时自动保持屏幕常亮 ## 使用方法 1. 打开网页应用 2. 设置节拍速度(BPM)和拍号 3. 通过点击节拍方块中的橙色段落调节每个节拍的强度: - 点击激活段落增加音量 - 段落颜色越亮表示音量越强 - 完全灰色表示该节拍静音 4. 点击"开始"按钮启动节拍器 5. 点击"停止"按钮停止节拍器 ## 技术特点 - 使用原生JavaScript,无需额外依赖 - 响应式设计,适配各种屏幕尺寸 - Web Audio API实现精准音频播放 - Wake Lock API保持屏幕常亮 - PWA支持,可安装到主屏幕 - 离线缓存功能 ## 部署 1. 将所有文件上传到支持静态网页托管的服务(如GitHub Pages、Netlify、Vercel等) 2. 访问 `index.html` 即可使用 ## 许可证 MIT License