今天无意中发现了一个html5的项目 🎹 AutoPiano

作者制作的是真的不错,我试着跟着提示打了几个节拍还真的行。

项目地址: https://github.com/WarpPrism/AutoPiano

在线地址: http://www.autopiano.cn/

产品介绍

人生如音乐,欢快且自由。

自由钢琴(AutoPiano)是几位音乐爱好者在闲暇时利用HTML5技术开发的在线钢琴应用,致力于为钢琴爱好者、音乐爱好者以及其他所有的创造者提供一个优雅、简洁的平台,在学习工作之余可以享受钢琴、音乐的美好。就类似于多年前Flash开发的钢琴游戏,自由钢琴只是换了H5的技术,同时支持了钢琴曲的自动播放功能。

如何使用

建议使用PC端 Chrome浏览器打开本网站,以提升使用体验。

快速入门 就是依次按键盘上的键进行歌曲演奏,可用的按键有 0-9 a-z 和 shift,0-9 a-z 分别代表键盘上的36个白键,按住 shift 则代表启用相应的黑键,黑键的标识用 (^S) 的形式表示,代表黑键S,其他键就用对应的字母和数字表示。

打开快速入门的谱子,依次按键就可以演奏出一首动听的曲子了,但要注意控制音乐节奏和速度,否则就没有感觉了~

如果你没听过相应的歌曲,建议先去歌曲网站听一下,熟悉旋律之后再来演奏,相信会很有成效的。

演奏示例 就直接点开听就好了,慢慢体会其中的技巧,可以帮你了解更专业的钢琴演奏知识。如果想要停止自动播放,直接点击歌曲名右侧的暂停按钮即可。

演示

#由于博主水平比较低,大家勿😀


做个有梦想的人,做自己喜欢的事,加油(ง •_•)ง!