StayFocused 是一个帮助你保持专注的网页应用，通过自然声音和白噪音创造理想的专注环境。
体验网址： https://shutong.work/
- 🎵 多种自然声音和白噪音
- 🎚️ 自定义声音混音
- ⏲️ 专注计时器（25/45/60分钟）
- 💾 保存和加载声音组合
- 🎨 多种主题切换
- 📱 响应式设计
- React 18
- TypeScript
- Tailwind CSS
- Zustand (状态管理)
- Vite (构建工具)
所有声音均来自 Freesound。以下是每个声音的具体来源：
| 中文名 | 文件名 | 下载地址 |
|---|---|---|
| 小雨 | rain-light.mp3 | https://freesound.org/people/tim.kahn/sounds/174031/ |
| 大雨 | rain-heavy.mp3 | https://freesound.org/people/D%20W/sounds/136971/ |
| 屋檐雨声NO | rain-roof.mp3 | https://freesound.org/people/Kinoton/sounds/351897/ |
| 窗外雨声 | rain-window.mp3 | https://freesound.org/people/InspectorJ/sounds/346642/ |
| 雷雨NO | rain-thunder.mp3 | https://freesound.org/people/lonemonk/sounds/62015/ |
| 雨伞声NO | rain-umbrella.mp3 | https://freesound.org/people/InspectorJ/sounds/410541/ |
| 雨打树叶 | rain-leaves.mp3 | https://freesound.org/people/reinsamba/sounds/58256/ |
| 雨水潭NO | rain-puddle.mp3 | https://freesound.org/people/InspectorJ/sounds/401273/ |
| 远处雨声 | rain-distant.mp3 | https://freesound.org/people/klankbeeld/sounds/629288/ |
| 中文名 | 文件名 | 下载地址 |
|---|---|---|
| 森林鸟鸣 | forest-birds.mp3 | https://freesound.org/people/sonidosreales245/sounds/518494/ |
| 海浪 | waves.mp3 | https://freesound.org/people/Pfannkuchn/sounds/360631/ |
| 溪流 | creek.mp3 | https://freesound.org/people/juskiddink/sounds/78955/ |
| 微风 | wind.mp3 | https://freesound.org/people/kangaroovindaloo/sounds/205966/ |
| 树叶沙沙 | leaves-rustling.mp3 | https://freesound.org/people/InspectorJ/sounds/365915/ |
| 瀑布 | waterfall.mp3 | https://freesound.org/people/InspectorJ/sounds/364309/ |
| 篝火 | bonfire.mp3 | https://freesound.org/people/aerror/sounds/350757/ |
| 海滩 | beach.mp3 | https://freesound.org/people/Noted451/sounds/531015/ |
| 夜晚森林 | forest-night.mp3 | https://freesound.org/people/sagetyrtle/sounds/124911/ |
| 中文名 | 文件名 | 下载地址 |
|---|---|---|
| 城市交通 | city-traffic.mp3 | https://freesound.org/people/InspectorJ/sounds/475339/ |
| 咖啡馆 | cafe.mp3 | https://freesound.org/people/FoolBoyMedia/sounds/264282/ |
| 键盘声 | keyboard.mp3 | https://freesound.org/people/Dizzon/sounds/324540/ |
| 地铁 | subway.mp3 | https://freesound.org/people/psubhashish/sounds/172496/ |
| 办公室 | office.mp3 | https://freesound.org/people/klankbeeld/sounds/163579/ |
| 餐厅X | restaurant.mp3 | https://freesound.org/people/InspectorJ/sounds/398953/ |
| 公园 | park.mp3 | https://freesound.org/people/InspectorJ/sounds/421791/ |
| 市场X | market.mp3 | https://freesound.org/people/kyles/sounds/453939/ |
| 火车 | train.mp3 | https://freesound.org/people/danielnieto7/sounds/135873/ |
所有声音均经过精心挑选，确保：
- 录音质量高（至少 44.1kHz，16bit）
- 环境音真实自然
- 适合循环播放
- 背景噪音小
- 时长适中（通常 1-3 分钟）
所有声音均遵循 Creative Commons 许可协议。在使用这些声音之前，请确认并遵守其具体许可条款。
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build- 选择喜欢的声音组合
- 调整每个声音的音量
- 设置专注时间（25/45/60分钟）
- 保存常用的声音组合
- 选择适合的主题
欢迎提交 Issue 和 Pull Request！