autopiano / autopiano

🎹 自由钢琴 AutoPiano - Simple & Elegant Piano Online

AutoPiano

https://www.autopiano.cn

AutoPiano allows you to play a virtual piano online freely.

It's also an excellent music platform for all people.

This repo is only for Learning purpose.

Not safe & suitable for deploying.

Development

• yarn install
• yarn start

autopiano's Issues

Old Town Road

歌曲名：Old Town Road-Lil Nas X

琴谱（
代表换行）：

UUU U Y R EE U YY

EEW Y YU T R RE

EEE U Y R EE U YY

EEW Y YU T R RE

666 90090 89989

89989 989890 986

900906 89989

89989 989890 986

00990 E 0 9

66 8 9 9 8 7 6

00990 E 0 9

66 8 9 9 8 7 6

900906 899895

899895 9890 9 6

900906 899895

899895 9890 986

00990 E 0 9

66 8 9 9 8 7 6

UUU U Y R EE U YY

EEW Y YU T R RE

EEE U Y R EE U YY

EEW Y YU T R RE

歌词：

Old Town Road-Lil Nas X

Yeah I'm gonna take my horse to the old town road

I'm gonna ride till I can't no more

I'm gonna take my horse to the old town road

I'm gonna ride till I can't no more

I got the horses in the back

Horse tack is attached

Hat is matte black

Got the boots that's black to match

Ridin' on a horse ha

You can whip your Porsche

I been in the valley

You ain't been up off the porch now

Can't nobody tell me nothin'

You can't tell me nothin'

Can't nobody tell me nothin'

You can't tell me nothin'

Ridin' on a tractor

Lean all in my bladder

Cheated on my baby

You can go and ask her

My life is a movie

Bull ridin' and boobies

Cowboy hat from Gucci

Wrangler on my booty

Can't nobody tell me nothin'

You can't tell me nothin'

Can't nobody tell me nothin'

You can't tell me nothin'

Yeah I'm gonna take my horse to the old town road

I'm gonna ride till I can't no more

I'm gonna take my horse to the old town road

I'm gonna ride till I can't no more

难度系数：3
贡献者id：LargeBarid
贡献者个人主页：https://github.com/LargeBarid

Use more audio samples

Use more audio samples from https://www.npmjs.com/package/webaudiofont

可以加个简谱或者无线普什么的吗

如题.....

歌曲名：安静

歌曲名：安静

琴谱（<br/> 代表换行）：

00009879998<br/>
509888<br/>
509889<br/>
00009879998<br/>
509888<br/>
5098890q<br/>
qqqq0988899<br/>
5wwwq099900<br/>
5q0q098787850<br/>
0q0q0989<br/>
50qwq0w<br/>
50qwq0w<br/>
50qwq0899908<br/>
ww88788<br/>
ww88788<br/>
qq00998<br/>
q098688<br/>


难度系数： 3
冷咖啡

Safari无法正常打开网页

打开https://www.autopiano.cn后会跳转https://www.autopiano.cn/upgradebrowser,

似乎是通过window.AudioContext来判断跳转，然而不知道为什么，即使Safari的window.AudioContext 不是undefined，也会被弄走，必须要手动返回才能使用网页

Safari: 13.0.2 (15608.2.30.1.1)

而且production的代码和这个repo的似乎不是一份，完全不知道怎么修复

希望可以得到修复

```

歌曲名：月亮代表我的心

琴谱：
T I P S I U P S <br/>
S D F G D S <br/>
P O I II <br/>
P O I II <br/>
OP O I Y P O <br/>
I <br/>
T I P S I U P S <br/>
S D F G D S <br/>
P O I II <br/>
P O I II <br/>
OP O Y U O I <br/>
P O I II <br/>
P O I II <br/>
OP O Y U O I

歌词：
你问我爱你有多深 <br/>
我爱你有几分 <br/>
我的情也真 <br/>
我的爱也真 <br/>
月亮代表我的心 <br/>
<br/>
你问我爱你有多深 <br/>
我爱你有几分 <br/>
你去想一想 <br/>
你去看一看 <br/>
月亮代表我的心 <br/>
你去想一想 <br/>
你去看一看 <br/>
月亮代表我的心

难度系数：2
贡献者个人主页：http://www.oyjie.cn/
`https://github.com/WarpPrism/AutoPiano/issues/9#issuecomment-504389280_

键位的排布

没真正弹过钢琴，从一个输入法爱好者的角度提一个想法：

键位的排布是否可以优化一下，现在最常用的中音区域反而大部分在qwerty那一排，而不是在asdf排。如果用的是40%的小键盘的话，就会有一些常用的音需要组合键才能按到。

能不能重新设计一下，比如每一列qaz、wsx、edc对应同一个音名，而相邻的如qwe都是属于一个八度的CDE，剩下来的部分再分配相对不常用的C2-B2、C6-B6。

我个人很推崇佛振设计的宫保拼音方案，特别是键盘控布局，不仅把常用的字母绑定到了更容易按到的地方，而且也更符合汉语音韵的规律。希望可以参考一下并能提供一些灵感。

美丽拍档(朱一旦BGM)

pfpfpd
pspsda
pspasdasdf hgf
fjfjfg
jhdhdf
hgsgsdpdpau sap

不能用了吗？

延音

延音没了。。声音很干

很棒的项目，音频录入可以用json吗？--打扰了

如果支持json解析的画门槛就大大降低了

按键组合建议

将shift+xxx键变成“空格+xxx键”这样弹奏能流畅很多，需要阻止空格键的默认事件，不然会滚动页面

网站突然没有声音了？

如题，北京电信

歌曲名：搁浅

歌曲名：搁浅

琴谱（<br/> 代表换行）：

uiuyuiu   uiuyuurt  potiuiouy   uiuyuiu   uiuyuurt   podsdfffssd  sapppapo   uaasdds asapppppddsd   uodsiiuuy   asdooiiu   uioopt<br/>
ppaoyiuyu   uodsiiuuy   asdddads   pasas  apasas<br/>

uiuyuiu   uiuyuurt  potiuiouy   uiuyuiu   uiuyuuoo   pods  dfffgfd  sapppapo   uaasdds    asapppppddsd   uodsiiuuy   asdooiiu   uioopt<br/>
ppaoyiuyu   uodsiiuuy   asdddads   pasas  apas  hfdsiiuuy   asdooiiu   uioopt  ppaodgfdf  ddfdssdfd   asdddfds   pasas  apasas<br/>


难度系数： 3
冷咖啡

我的D键老是有问题，你们有这种情况吗

之前D键出现过异常音的情况，上星期我重新拉取项目后没有任何问题了，这个星期D键没声音了23333

歌曲名：来自天堂的魔鬼

歌曲名：来自天堂的魔鬼

琴谱（
代表换行）：
6~ 6~ 68 68 w 88

890~ 0~ 0q0q0 9~ 9~

876~ 6~ 6868w~ 88

890~ 0~ 0~ 987

787678~ 77~ 55~

787678~ 77~ 55~

787678~ 898 0 97

787678~ 77~ 55~

歌词：
夜 里 做了美丽的 恶 梦

想清 醒 我缺抵不过 心 动

哦~ 梦 里 你是无底 的黑洞

我无力抗 拒 失 重

You took my heart away away away away
You took my heart away away away away
你就是传说来 自天 堂的 魔鬼
You took my heart away away away away
难度系数： 2
DLjun(凋零菌)

【专用贴】贡献首页展示的 随机歌词

此issue为 歌词贡献 专用贴，请大家不要灌水~

回帖格式

格式如下，建议不要太长，最好注明歌词出自哪首歌。

  `长亭外，古道边，芳草碧连天，晚风拂柳笛声残，夕阳山外山...`,
  `你可知Macau，不是我真姓...`,
  `what time will you be here now? it's a quater past seven now...`,
  `君の前前前世から仆は, 君を探しはじめたよ`,
  `你会不会忽然的出现，在街角的咖啡店`,
  `时间它总说谎，我从不曾失去那些肩膀。`,
  `不怕要多少时间多少代价，青春是我的筹码。`,
  `如果还有梦就追，至少不会遗憾后悔`,
  `Believe me I can fly  I'm singing in the sky`,
  `我相信十年后的八月 我们还能再相遇 你最后一直在心底呼喊著『谢谢你』`,
  `长大后 世界像一张网 网住我们的翅膀`,
  `有了你开心D 乜都称心满意 咸鱼白菜也好好味`,
  `Now please don't go Most nights I hardly sleep when I'm alone `,
  `我依然爱你 就是唯一的退路 我依然珍惜 时时刻刻的幸福`,
  `只会傻傻的看着天上的星星 你就是那么的纯静`,
  `我的眼睛望向窗外 幻想我对你的表白`,
  `让蜡烛代替所有灯 让音乐代替话语声 此时无声胜有声`,
  `当你觉得外面的世界很精彩 我会在这里衷心的祝福你`,
  `苦海翻起爱恨 在世间难逃避命运`,
  `不管按怎过按怎变 按怎的人 永远的永远我是彼个人`,
  `Rage your dream 風も　光満ちてゆく Rage your dream 忘れないでいて `,
  `我喜欢 入学时我们稚气的脸庞 我喜欢 毕业季上写满留言的墙`,
  `如今这里荒草丛生 没有了鲜花 好在曾经拥有你们的春秋和冬夏`,
  `白云山高 珠江水长 吾校矗立 蔚为国光`,
  `突然好想你 突然锋利的回忆 突然模糊的眼睛`

如果有喜欢的一句歌词，可以在下面留言~

按键失灵

我这边尝试到shift+6失灵，鼠标点击有声音，确定不是语音段的问题了。

好玩好玩太好玩了

项目太有意思了，超级方便，爽，好玩好玩太好玩了

^(z)一直按为蜂鸣声，其他按键没有这种情况

碉堡了，加油，但是按键不能一直按

一直按会蹦蹦蹦~~~一直跳音

哇!弹的好爽!

野蜂飞舞在哪里(哈哈哈哈~~~

按下两个建抬起一个导致另一个自动抬起

比如按下A和B，现在抬起B，理论上A还是按下，但是实现的效果是A也抬起了，然后又自动按下，多了一个A的音

MiDi实验室功能开源不

偷学一波 😬

希望左右歌曲列表添加检索歌曲功能

希望左右歌曲列表添加检索歌曲功能

很赞的项目

很赞的项目，同为piano爱好者的前端开发支持一下

黑键白键不能一起按

因为黑键要加shift，按黑键的同时按不了白键，这个问题有点麻烦。

演示网站建议

建议套一个CDN和SSL

歌曲名：枫

歌曲名：枫

琴谱（<br/> 代表换行）：

ttttwtyyyyuyw<br/>
ttttyuiiuu<br/>
uytt  uytyuyt<br/>
tetetetyy<br/>
ttttwtyyyyuyw<br/>
ttttyuiiuyu<br/>
uytt  uytyuyt<br/>
tetetetppo<br/>
wtrtyutyoo<br/>
ytrtttrtyuiu<br/>
uuoopt<br/>
rtppooiiu<br/>
iooiiuuy<br/>
iooiiuuyyt<br/>
wtrtyutyoo<br/>
ytrtttrtyuiu<br/>
uuoopt<br/>
rtppooiiu<br/>
iooiiuuy<br/>
iooiiuytyt<br/>


难度系数： 3
冷咖啡

关于可玩娱乐性建议

可以分享自己谈的曲目，然后最好还有分数什么的。

冒险岛登录乐

歌曲名：冒险岛登录乐

琴谱（
代表换行）：【】包着的为需要按住shift的键
【69ey】io

【58wt】i【o】

【58wt】i【o】

【69ey】ioi【y】

【69ey】io【opdopd】

【58wt】i【od】g【h】hg【d】

【59ey】i【os】s【pop】

【69ey】ios【p】s【s】s【sdh】hg【dh】hg【dh】h【hj】g

h【hjhdd】g【d】gh【dd】

【d】gh【h】hg【dh】hg【dh】h【hj】g

h【hjhdd】g【d】gh【dd】

s【s】s【sh】hg

h【hssd】gh【jh】

发现一个bug：松开一个按键，会导致没松开的按键再次触发。

例如，先按下a不放，再按下b不放，此时放开a，b会再次被触发，整个过程中先后按下ab，但是输出的声音是aba。其它按键同样。

求凉凉的歌词

很赞，给这个项目点赞~

很赞，给这个项目点赞~

关于黑键和曲谱的建议

黑键的组合设置

• 当前设置为空格+字母/数字，网页会因按下空格键而下滑，无法继续看快速入门
• 参考VirtualPiano的设置，将黑键设置为Shit+字母/数字，同时在曲谱中按照大小写区分，是否会更好

一些曲谱

• 我同时注意到上述网页的键盘设置与该项目相符，可否参考how-to-play设置出更为复杂的演奏规则，从而满足复杂的曲谱
• 在music-sheets上有不少曲谱，从易到难，也并非完全准确，仅供参考

感谢帖

感谢up住带来的钢琴~

回梦仙游——千年缘自由钢琴歌谱

`歌曲名：回梦仙游——千年缘（仙剑奇侠传4主题曲）

琴谱（
代表换行）：

fdf fpd sapapou

uos uoa poppfd

fdf fpd sapapou

uos uodfdop a

e tyu uouty

e tuy t e w

e tyu uopouty

e tuy t e e

fdf fpd sapapou

uos uoa poppfd

fdf fpd sapapou

uos uodfdop a

oup

难度系数： 4
贡献者名字或昵称：纷羽
贡献者个人主页：https://space.bilibili.com/2638505`

【专用贴】贡献 快速入门 乐谱

提交

现在网站已支持在线提交乐谱，请访问：

https://www.autopiano.cn/create/post

如果提交失败，请直接在网站首页讨论区留言，大家都能直接看到

语法

• 白键 用小写字母 表示
• 黑键 用大写字母 表示，比如黑键o表示为O
• 黑键 1-9 分别表示为 !@#$%^&*( )，即Shift + 数字键
• 可用中括号 [ ] 包括和弦按键，表示同时按几个键。
• ~ 符号表示延音

发布

如果审核通过，我们会发布到网站上，并显示您的昵称，所以快点将您的键盘琴谱分享出来吧~

这个真的能弹琴吗?

多个键位一起按如何能解决掉呢？ 这个机械键盘劈里啪啦的

项目很有意思，另外提一个需求

长按某个键的时候只发一次音，或者延长音，不知道合不合理或者好不好实现？

音的收尾戛然而止

按一个音，结尾的时候突然停止，感觉很违和。
可否延长播放时间，或者在有限时间内渐进完毕

非常棒的项目,关于功能的建议

• 贡献歌曲的时候有专门的编辑页面就更好啦哈哈哈,每个按键能加上时间的编辑\练习者使用的时候也有更好的时间交互
• 增加按键的自定义功能

水晶序曲

歌曲名：水晶序曲

琴谱（<br/> 代表换行）：

890w tyuo sdfh lzxv  <br/> 
mvxz lhfd souy tw09  <br/>
6780 ertu pasf jklx   <br/>
bxlk jfsa putr e087  <br/>
4568 qwet iops ghjl   <br/>
cljh gspo itew q865   <br/>
2346 90qe yuip dfgj   <br/>
zjgf dpiu yeq0 9643   <br/>

歌词：

无

难度系数： 1-5
贡献者名字或昵称
贡献者个人主页

Suggested key mapping for musical input

To make playing this piano by using computer keyboard more like actual piano,
The key mapping should be like this:

 w e   t y u   o p
a s d f g h j k l ;
 zx
------------------
 C#D#  F#G#A#  C#D#
C D E F G A B C D E
-8+8

the above one is keys those are used for musical input,
the below one is the note of the key,
also, -8/+8 mean +octave / -octave
default range should be from C3(a) to E4(;)

你们是同一个人吗？

https://www.xiwnn.com/piano/

midi

关于曲谱的建议

个人十分热爱古典音乐，关于曲谱这里提个建议，可以试试解析midi文件，midi可以直接播放，也可以生成 Tone.js 友好的JSON。midi可以通过 lilypond编码制作生成，并同时生成五线谱的矢量pdf，很赞的。

bug

9(D3) q(F3) e(A3)三键有冲突

加我微信，我们聊聊，我也在做类似的东西，并结合人工智能

18911681482

我们的项目，目前也在做musicxml解析，能分享一下如何解析吗