项目名称：Driftone

项目地址： https://github.com/Banana889/Driftone

项目 Demo： https://banana889.github.io/Driftone/

项目简介：

Driftone 是一个浏览器里的“无限氛围音乐播放器”。它基于 Tone.js 实时生成旋律、和声、白噪声、雨声和雷声，每次播放都不完全相同，适合专注、放松和睡眠。项目使用 React 、Vite 、TypeScript 开发，并支持通过 Capacitor 打包成 Android 应用。

我平时工作时喜欢放一些背景音乐来保持专注，但很多音乐听久了会分心，普通白噪声又有点单调，市面上也没有比较合我心意的产品。正好我对于乐理也有一定的兴趣，于是就现学现卖，开发了这款随机音乐生成器，遵循一定的乐理进行随机化生成。

如果你常常在开始工作前，因为挑选播放列表而分心，或者音乐平台总是推荐一些不太符合你专注氛围的歌曲，不妨试试这个轻松的小网站。💙

目前还在随着我们的乐理知识的增加积极迭代中。

项目截图：

推荐理由：

• 内容丰富：Driftone 不只是一个白噪声播放器，它会实时生成旋律、和声、节奏，并叠加雨声、雷声等环境音，形成一段持续变化的氛围声景。
• 配置自由度高：生成音乐的节拍，鼓点，旋律还有音色等都可以轻松调节。
• 音乐的可视化：项目加入了旋律轨迹、鼓点轨迹、雨景动画等可视化效果，用户不只是听音乐，也能直观看到声景的变化。
• 适合学习和参考：项目中包含和弦进行、旋律生成、节奏填充、音色切换、环境音控制等模块，适合有乐理学习需求，或者对生成式音乐、Web Audio 感兴趣的人参考。
• 技术实现轻量：项目主要基于 React 、Vite 、TypeScript 和 Tone.js 实现，没有后端依赖，打开浏览器即可运行，也支持通过 Capacitor 打包为 Android 应用。

希望分享给 V2EX 的朋友们，帮助大家在焦头烂额的工作中也能有音乐相伴，从从容容 :)，也欢迎大家多多 star 支持！！！