个人网站：nofwl
GitHub: lencx

时常混迹于全世界最大同性交友社区的我，无意中发现了一个名为Tone.js的开源库，于是就在我幼小的心灵埋下了一颗种子🌱。似乎我可以用它来做点什么，终于有了一个尝鲜的机会，为了体验vite和vue3的魅力。总要写个demo练练手学习一下，花了一些业余时间，撸了一个有声音的demo，虽然有点简陋，可能还有些bug🐛，但是不影响它优美动听的旋律🎶能发声。我已经迫不及待的想秀一波我搬砖🧱的成果飘了。

体验地址：https://music.nofwl.com

没啥音乐细胞的我，在撸完这个demo后，竟然玩了许久，一直不敢相信自己点出来的音乐竟然如此的难听😅。适度游戏，以防上瘾。放两个我创作的二维码，可以扫码后点击播放按钮试听。

友情提示：扫码无风险，播放有风险

基本操作:（顺序对应图中的序号）

1. 点击可以输入行数(增加或减少行数都在此进行操作)
2. 播放按钮(循环播放整所有行)
3. 暂停按钮(暂停播放)
4. 重置按钮(重置所有小格子为初始化状态，该操作不会删减行数)
5. 每行前的播放按钮可以播放当前行的声音

注意️:

• 每行可以选中多个小方格，如果选择多个，则代表此行为合成音
• 链接可以直接分享，分享后的链接可以记录创作音乐的状态，所以自己可以创作一个，分享给好友接受吐槽欣赏
• 第一次打开网址，即使有选中的格子，默认也不会进行播放，需要点击播放按钮，之后则开始循环播放

此音乐网站，后面会不定期更新，增加新功能。
感兴趣的朋友可以扫码关注公众号，不定期分享技术与思考。

版权声明：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 作者: lencx 原文链接：https://juejin.im/post/6854573221560352781