Barba828 / buitar

🎸吉他和弦图生成、指板分析、和声进行的综合乐理WebApp
https://buitar.vercel.app
MIT License
65 stars 9 forks source link
chords guitar guitar-tablature html5-web-audio music-theory pwa tonejs webapp

Buitar

star

English Docs

Buitar,一个基于tone.js控制器乐,React绘制UI的吉他学习工具

前往体验

可以选择前往GitHub Pages,或者Vercel

和弦转换

参考to-guitar

弦乐

参考tonejs-instruments

打击乐

PWA支持(推荐使用)

  1. 如果你使用的是Chrome,那你应该注意到打开页面时弹出的安装到本地的标记(PC|移动端同理)

    pwa pwa
    点击安装到桌面 桌面打开应用
  2. 如果你使用的Safari,可以点击安装到桌面(移动端) pwa pwa pwa pwa
    点击底部分享按钮 点击添加到桌面(Home Screen) 确认添加 桌面打开应用

预览截图 screen screen screen

关于

我一直饱受吉他和弦转换等吉他乐理知识的困扰,当然,我也曾经在网上看到过一些吉他学习工具,但是我觉得这些工具有一点多和杂乱,打算自己搞一套工具集。同时也再次学习了吉他乐理知识,包括五度圈、十二平均律、和声系统...以及一些对 Web Audio 的探索。

关于功能和乐理仍有很多不足,欢迎提 Issue,我会尽快完善。

开发

pnpm install

# 构建
pnpm build

# 本地开发(localhost:8282)
pnpm dev

TODO