项目名称: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 支持!!!