EarthSounds.fun ：一个多轨白噪音混合器+番茄钟工具

[lred]

大家好，最近用 Cursor 做了个项目 EarthSounds.fun，是一个结合了环境音效混合器和番茄钟的网站应用。这是我为解决自己在开放办公环境和居家办公时的注意力问题而开发的工具，现在分享给大家。

之前我也使用其他白噪音网站，但多数只能播放单一声音，没法调节，最后决定自己动手，结合两个核心功能：多轨声音混合器+番茄工作法，做一个适合程序员、设计师、创作者等需要长期专注工作的人群使用的专注力工具。

核心功能

• 丰富的声音库：从自然声音到城市环境音，应有尽有
• 多轨道音频混合：可以同时播放多种声音（雨声、海浪、咖啡店环境音等），并单独调节每个声音的音量
• 自定义循环方式：解决了很多网站声音循环时的"断层感"问题
• 集成番茄钟：自定义工作/休息时间，任务跟踪和统计
• 场景保存：保存喜欢的声音组合，一键切换
• 完全免费：无广告，无注册要求（登录可多设备同步数据）

实际使用效果

我使用 EarthSounds 已经有一段时间，推荐几种情境中使用：

1. 开放式办公环境

在嘈杂的办公室，我使用"雨声(60%) + 咖啡厅环境音(30%) + 偶尔的雷声"的组合，配合降噪耳机，有效隔离了同事交谈和电话铃声的干扰。

2. 创意写作

写作时，我偏好"树林鸟鸣(50%) + 微风声(40%)"的组合，这种自然声音似乎能激发创造力。

3. 编程/逻辑工作

处理复杂问题时，纯"雨声(100%)"效果最好，规律的声音帮助保持思维流畅。

4. 失眠辅助

睡前使用"海浪声(70%) + 微风(30%)"组合，再设置 30 分钟自动关闭，改善入睡困难问题。

寻求反馈

作为一个工作多年的老程序员，这应该算是我第一个完成度比较高的个人项目。功能还在持续的完善，特别想听听大家的反馈和建议：

1. 你们平时用什么方法解决工作中的专注力问题？
2. 对于这种工具，还有哪些功能是你们希望看到的？
3. 有没有大家特别想要的环境音效？

网站地址：https://earthsounds.fun

如果后续有出现一些高级的收费功能（希望能赚回服务器费用😂），前期注册的会员将免费使用 1 年收费会员功能

最后感谢赛博活菩萨 Cloudflare ，本来网站想部署在国内的，但备案麻烦还担心 CDN 被恶意刷爆。另外推荐下 Cursor ，这工具太棒了，效率提升太多了。

[yanjieee]

支持一下，最近也经常用白噪声来午睡和工作。

[wolffcat]

我觉得其实可以不用后端，直接开源到 GitHub 或者 GitHub page 部署就够了。

[wolffcat]

我还是忍不住吐槽一句，不是针对你啊，老中开发的应用不管是什么都有登录按钮。

[lred]

@wolffcat #3 第一个版本确实如你说的是 nextjs 生的成静态页面，不需要后端。后面发现扩展功能不方便，有些功能还是依赖后端的。

登录不是必须的，但登录后可以在多设备同步场景数据(声音场景、任务记录和番茄统计这些)，这是可选项

[wolffcat]

@lred 高质量项目，前端做得不错，点子很好，不过可能知道的人少，也许难以收回服务器成本。我想你抱歉，我一开始以为是个大学生课设之类的玩也，我真正体验了功能发现作者用心在做。
不过如果是我个人的话组件多一个英文化吸引吸引老外不错，或者哪一天获得高 star 项目换一个免费的 coplite 也不错。

[lred]

@wolffcat #5 正常讨论而已，没必要道歉。现在就有英文版，英文用户会自动切换，右上角也可以手动切换。推广确实是个头疼的问题😹

[dforel]

加油，支持一下。

[wolffcat]

@lred 多轨声音混合器很棒，棒，真的很棒。我正在使用 棒

[lred]

@wolffcat #8 感谢支持，你可能是第一个用户，哈哈

[vsitebon]

能否增加一个临时预览/上传本地的音乐来听，因为我有一些自己喜欢的钢琴曲

[lred]

@vsitebon 好主意，会尽快加上

[wolffcat]

@vsitebon 确实，我在想把蛤蛤和督督的声音加进去。

[lred]

@wolffcat #12 不至于吧，这是在提醒我有喝茶风险？

[wolffcat]

@lred 没有没有，真情流露，确实有趣，比较意思的白噪音，不一定要上传去实现嘛。

[vsitebon]

@lred #11 理论上这个功能可以纯前端处理，同步的话可以不同步这个声音，但是允许用户在别的端重新添加这个声音作为来源来匹配已有数据

[XTTX]

现在我也在做一个番茄时钟 www.pomocal.com

[Tyler1989]

读书时哪种声音更容易专注啊

[lred]

@Tyler1989 我看书一般是雨声为主，比如这个 https://earthsounds.fun/?scene=18 。不过你也可以试试组合自己合适的声音

[wolffcat]

项目对于静心专注很有帮助，甚至助眠神奇。
回复 @Tyler1989 关于读书 我个人刚刚在写一些企划笔记 使用了 溪流 雷声 雨声三种声音 （移除钢琴音）因为本人学过钢琴，听着听着走神严重。

[lred]

@wolffcat #19 其实有个分享功能，可以把你创造的声音链接分享出来

[somin]

可以做个 PWA ，这样更方便。

[drlee]

非常棒的项目，不喜欢雨声，营火 + 树上的阵风 + 夜晚的森林比较适合我写作

[vsitebon]

用了半天了，很棒，我也注册了

[vsitebon]

现阶段我是直接另一个标签页直接放音乐在后台

[lred]

@vsitebon #10 @wolffcat 12 加上了，添加声音时可上传

[vsitebon]

另外还有一个小疑问，我希望给某些声音增加延迟，例如我希望某些声音延长结束或者推迟出现

不清楚现在的那个调整时间的是怎么个操作法，是否有一个简明扼要的教程？

[lred]

@vsitebon #26 调整循环方式。这里的调整入口虽然一开始有教程引导，感觉还是不容易发现