【收集】键盘钢琴和弦琴谱 (带HTML版开发流程)

键盘钢琴开发

《御剑江湖》

《星之所在》

《童话》

《一直很安静》

《雨的印记》

《天空之城》

《苍海一声笑》

《卡农》

《Tifa Theme》(under construction)

键盘钢琴开发

烦闷中，何以解忧？听君一曲，莫问秋……

顺着找到的VUE based键盘钢琴 https://github.com/yicheng-irun/webpage-piano，感觉以后自己可以开发更多东西，直接把xinwnn的核心骨干挑出来，

啥框架都没有，纯js；重写了个ui；很快的，总体也就600行。

特意为手机画了两排键。不过现在还是有些丑。去除了按键出长条可视化酷炫但是耗电的元素…

这样by default兼容了百度搜索的键盘钢琴曲谱，搜索到就可以弹啦。

A-Z是白键，0-9和标点是黑键；左边Ctrl是打开延音踏板，再按关闭。右边Ctrl是打开消音踏板。目前也就只有一个音色。

https://github.com/dna2github/dna2mtgol/tree/master/piano

按照提示，去 https://github.com/gleitz/midi-js-soundfonts 下载正确的乐器素材，然后打开piano.html就可以弹奏了，这下可以local版本了，不要安装任何其他东西…

嫌麻烦就直接去 https://mtgol7.cn/space/daily/piano.html 直接弹奏，虽然下载音乐素材的网速可能会有点慢(第一次至少5-10s，之后就看浏览器缓存多久了；使用ServiceWorker，如果不特意删除一般桌面浏览器不会清空cache)……

《御剑江湖》

(JA)LMQ(PE)ON ML (MG)MNO OP(QA)

OPQQPON (MA)LM

NM(LE) MMNONML(JA) MMNO OP(QE)

OPQ(SE)PON (MD)LM

O P(QE) S(PB) QST UTS(QE)

QST VUT(SG) TUV X(WP)

O P(QE) S(PB) QS(TR) US

TVWXWTV WXZ XVWX S(TP)

TUVUTS(QE) TTUVVW(XZ) VWXZWVU (TX)ST

《星之所在》

PQRQPOMKL OP PQRQPOMKL (JK)(LC)BCDA

(OH)NOQN (JE) MLMO(LE) KJKON(LJ) MNOQP

(OH)NOQN (JE) MNOPQ J RQPO(NC)Q MOM

(OH)NOQN (JE) MLMO(LE) KJKON(LJ) MNOQP

(OH)NOQN (JE) MNOPQ J RQPO(NC)Q MOM

QP S(RE) QPN NO(MD) KLMO NOPR(QE)

ONOQ(NE) J MLMO(LE) KJKON(LE) MNOQP

ONOP(QE) QSRQPOQ (JE) (RE)QPOQP(OC)NNMM

《童话》

(AQ)EIJ--QP(FP)C(GO)H--

ON(DN)A(EM)F--ML(EL)-BFHG

LON(AO)E(HL)--LON(FO)C(HL)--LON(DO)AD(EO)(FO)MMLEBEFG

LON(AO)E(HL)-J-LQP(FP)E(HO)-J-LON(DO)(AM)D(EM)(FM)OTSEBFHG

(BP)(EP)(BR)(CR)(GQ)(CQ)GE(GQ)(CQ)(GN)(FP)(CO)(FO)(CN)O

(CO)(FN)(CO)(DR)AD(AL)(FS)(AR)(DQ)(AP)EBEFG

(BP)(EP)(BR)(CR)(GQ)(CQ)GL(GQ)(JQ)(GU)(FU)(JT)(MU)(JV)O

(JV)(MP)(JO)(DT)HK(HT)(MT)(HS)(KS)(ES)INI

(EL)(BL)(ELS)(BR)(AQ)E(QH)(ER)QGE(GQ)R(FQ)(CR)(FQ)(CP)OE

(CO)(EQ)S(DT)H(KT)(HT)SE(IP)(LP)(IR)HQ

LOLQOQS(DT)H(KT)(HT)SE(IP)(LP)(IR)(HQ)(LR)(GQ)(LP)OF--

PQ(DM)A(DM)(AO)(EO)B(EN)B(DO)AD(AQ)--

(IS)(ELZ)(IY)(HX)L(OX)(LY)XGL(NX)Y(FX)(JY)(MX)(JW)VE

(JV)(LX)Z(DT)H(KT)(HT)ZE(IW)(LW)(IY)XH

LOLQVXZ(DT)H(KT)(HT)ZE(IW)(LW)(IY)(HX)(LY)(GX)(LW)VF--

WX(DT)H(KT)(HV)(EV)I(LU)I(DV)HK(HX)--

《一直很安静》

(DO)HKOEINI(FO)JNO--(DO)HKOEINI(HO)LKJ--

(DO)HKOEINI(FO)JNO-PQ-(IR)MPR--(MQ)P(EP)ILN--

(HQ)L(OS)PGL(NQ)(LO)FJLOON(DO)HL(HL)RQEILP--

(HQ)L(OS)PGL(NQ)(LO)FJLOLOP(DO)HLOEI(LN)N(HO)LKJ

(HQ)L(OS)PGL(NQ)(LO)FJLOJ(LO)O(DT)H(LT)(OT)H(LS)(OQ)HLOQ

(HQ)L(OS)PGL(NQ)(LO)FJL OP(JR)(LQ)(IP)(JO)(DO)HLO(EN)ILO(HO)

LPLQLPLHLOQSVU(DV)K(OS)(RT)LP(OS)(LQ)FMOQ(MR)(OQ)P(MO)(DO)K(MS)(OS)EL(NP)(LQ)HLOQ

(HQ)(LS)(OV)(NU)(DV)K(OS)(RT)EL(NS)(OQ)FJM(OQ)(MR)(OQ)(MP)(EO)(DO)HLO(EN)I(LN)OHJLO

(HQ)(LS)(HV)(EU)(DV)K(OS)(RT)EL(PS)(OQ)FMOQ(MR)(OQ)P(FO)(DO)K(MS)(OS)EL(NT)P(HS)LOQ

(HQ)(LS)(HV)(EU)(DV)K(OW)(RW)EL(NX)(PX)FJM(OQ)(MR)(OQ)(MP)(EO)(DMO)HLO(ELN)ILOHLRL(HLQ)

《雨的印记》

LOP(PA)(QE)(QH) OPQ(PE)(SI)(SN) STU(UF)(VJ)(VM) WXWV(UC)GL

VUS(SD)(TH)(TK)SR(RC)(SG)(SJ) OP(QB)(FR)(RI)SR(QE)HJ(PE)

LOP(PA)(QE)(QH) OPQ(PE)(SI)(SN) STU(UF)(VJ)(VM) WXWV(UC)GL

VUS(SD)(TH)(TK)SR(RC)(SG)(SJ) OP(QB)(FR)(RI)M(OE)I(NL)(OA)EIKJ

OQS(DT)HMONOT(SC)GL ONOS(SB)(RF)(RI)Q(QE)(PG)PO(PA)(QE)(QH)

OQS(TG)JMUT(SGL)QR(SI)L(RP)Q(RP)S(DTH)UV(XEH)(WEG)

LOP(PA)(QE)(QH) OPQ(PE)(SI)(SN) STU(UF)(VJ)(VM) WXWV(UC)GL

VUS(SD)(TH)(TK)SR(RC)(SG)(SJ) OP(QB)(FR)(RI)M(OE)I(NL)(OHJ)

《天空之城》

(QWX)UU(QUW)TT (VR)(WT)(QU)C

TU(VF)JM(UO)VX(UE)ILN QS(TD)HK(SM)TV(SC)GJL

PQ(RI)MQ(RI)KV(QH)LOL VWU(TG)J(TN)UV(UC)GJL

TU(VF)JM(UO)VX(UE)ILN QS(TD)HK(SM)TV(SC)GJL

PQ(RI)MQ(RI)KV(VC)GJM VWU(TG)J(TN)(JQ)(TF)JMO

VW(XH)LO(WP)(XQ)(ZO)NM(WE)ILMNO

(SP)Q(ZD)HK(XL)(XM)O(WP)(XR)(XC)GJLNJ

(TM)(UN)(VF)JM(UN)(VO)P(XQ)L(ZE)IL(WM)(WN)

O(VP)(WQ)(YD)HK(YL)(XM)(UO)OPR(XC)GJLNJ

(VM)(WN)(XH)LO(XP)(XQ)(ZL)MO(WE)ILMNO

(SP)Q(ZD)HK(ZL)(XM)(XO)P(WR)(XC)GJLNJ

(TO)(UN)(VF)JM(VN)(VO)P(XQ)M(ZE)IL(ZM)(ZN)

O(ZP)(ZQ)(VD)H(WK)(VL)(UC)(TG)J(LQ)(TF)JMQT

TU(VF)JM(UO)VX(UE)ILN JKLM TXWXZXVT

《苍海一声笑》

(MF)OPQMOPQMOPQMOPQ(ME)OPQMOPQMOPQMOPQ

D(MD)OPQMOPQMOPQMOPQ(ME)OPQMOPQM--O-P--Q--

(TF)--S(QOF)-P-(OH)--(JHE)--(QF)--P(OF)-M-(LE)--(IGE)--

(LA)--M(LE)-M-(OA)-P(QOE)-S-(TF)-S(QOM)PO-(PE)--(IGE)--

(TF)-TS(QOM)-P-(OA)--(JHE)--(QF)--P(OF)-M-(LE)--(IGE)--

F(LA)-M(LE)-M-(OA)-P(QOE)-S (TF)-S(QOM)PO-(PE)--(IGE)--

T(TF)-TS(QOM)-P-(OA)--(LIGE) MOP(QF)-P(OF)-M-(LE)--

(LHE)JLM(LA)-M(LE)-M-(OA)-P(QE)-S(TF)-S(QOM)PO-(PE)--

(WIGE)UTS(TF)-TS(QOM)-P-(OA)-- (LHE) MOP(QF)-P-(OF)-M-(LE)--

(LIGE)JLM(LA)-M(LE)-M-(OA)-P(QOE)-S-(TKD)-S(QE)P-O--(OA)--(JHE)-

《卡农》

H E F C D A D E (HQ)---(EN)---(OF)----(NC)----(MD)----(LA)----(MD)----(NE) H-JLO E-ILN F-HJM C-GJL D-FHK A-EHJ D-FHK E-GIL

(HQ)LQO-(EN)JLN-(OF)MOQ-(NC)JLN-(MD)HKM-(LA)JLO-(MD)HKM-(NE)ILN

(HQ)EHE-(EN)ILI-(OF)JOM-(SC)LTN-(RD)KOH-(HQ)PON-(MD)HKM-(NE)ILN

(OH)NOJ-(LE)INE-(OF)JOM-(SC)QST-(RD)QPR-(HQ)PON-(MD)HKM-(OE)HO NO P

(HQ)L QPOP-E LQRQP-(OF)J OMJNO-(CN)LJL- (MD)HNO-(HL)JOJ-(MD)H KMOP-(EO)INOP-

(HQ)L QPOP-E LQRQP-(OF)J OMJNO-(CN)LJL- (MD)H OR-(HQ)POL-(MD)H KMOP-(EN)INOP

(SJ)QRS-QR(SE)LMNOPQR (FQ)OPQ-JK(GL)MLKLJKL (FK)MLK-JI(JE)IHIJKLM (FK)MLM-NO(GL)MNOPQRS

(OQ)OP QPO PNOPQPON (OJ)MN OHI JKJIJONO (MK)ON MLK LKJKLMNO (MK)ON ONM NMNOPQRS

H-EHJ E-BEG F-CFH C-EGJ D-ADF A-CEH D-BFH E-BEG (AH)-QRSQ (BE)-NOPN (CF)-OPQO (CJ)-QPON

(DK)-MNOM (AH)-LMOL D-MNNO M-NOPN (AH)-QRSQ (BE)-NOPN (CF)-OPQO (AE)-SRQS

(TR)(TR)S(FR)(TR) (QS)(QS)R(EQ)(QS) TSRTSRT UTSP NOP(HQ) QPO(LP) QSQ(IP)OO NONLJL

(KM)NOLO (KM)(KM)ONOP (HQ)QPOP QRQPO ONOQSUVUTSR SRQP QPON ONML MLKLMO LNMLOL

(IN)IOPQ QRSTSRQ (JN)NOQRQPO (FM)NOLONO (JL)ONO(KM)ONO(KM)ONO

QQQ NNN OOO NNN MMM LLL MMM NNN OOO

《Tifa Theme》(under construction)

S-P-R RQPQ- S-P-R RQPQL-

LQPQL LQPQ9 909L

LQPQL LQPQS QVUT

MRQRM MRQRP POPQ

SSRQRT QPPO MOP PPOON

LQPQL LQPQ9 909L

LQPQL LQPQS QVUT

MRQRM MRQRP POPQ

SSRQRT RPO

QRQPQSQPO MOP PPOON O

O.STO OM0O MO0L LK LKLM

O.STO OM0O LM00 M0 0MLMOM O0M0P PPO0O

.ZX]. .X/' ]'/U;U/ //UU.U --->