在线弹钢琴HTML源码,在线弹钢琴 1.0

最新推荐文章于 2024-02-23 20:36:31 发布
最新推荐文章于 2024-02-23 20:36:31 发布
阅读量400 收藏
点赞数
文章标签： 在线弹钢琴HTML源码

在线弹钢琴 1.0 使用说明：

26个字母 26个钢琴键

请关闭汉字输入法 点一下上面的FLASH才可正常使用

可以用a-z来弹 也可以用鼠标

以下是部分乐谱：

----------------------------------------------

《月亮代表我的心》

LOQSONQS STUVTS QPOOO QPOOO PQPOMPQP

LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO

QSQPOSN MNMNMLQ SQPOSN MNOOOPQP LOQSONQS

STUVTS QPOOO QPOOO PQPMNOPO

----------------------------------------------

《童话》

LONOL LONOL LONO OOMML

LONOL LQPPO LONOM MMOTS

PPRRQQ QQNPOONO ONOR LSRQP

PPRRQQ QQVUTUV VPOT TTSSS

LSRQQRQ QRQ RQPO

OQST TTSPPRQ OQST

TTSPPRQRQPO PQMMOONO

----------------------------------------------

《小星星》

OOSSTTSRRQQPPO

SSRRQQP SSRRQQP

OOSSTTS RRQQPPO

----------------------------------------------

《安静》

QQQQPONPPPO LQPOOOLQPOOP

QQQQPONPPPO LQPOOOLQPOOPPQR

RRRRQPOOOPP LSSSRQPPPQQ

MRQRQPOONOL QRQRQPOPS

LQRSRQSLQRSRQS LQRSRQOPPPQO

SSOONOOSSOONOO RRQQPPORRQQPPO

LQRSRQSLQRSRQS LQRSRQOPPPQO

SSOONOOSSOONOO RRQQPPOORQPOMOO

----------------------------------------------

《心语心愿》

TVUTSTQ TSTVUVUTUV VWXXXXW VUTUS TVUTST QSTXWVUV

VUTTTTSSTQ SSTXWVUVV VUTTSUT

----------------------------------------------

《会呼吸的痛》

STVTXXTW WWVUVWXWSV

VUTUVRRRVVWVSSS SYXWXX

STVTXXTW WWVUVWXWSVV

VUTUVRRRVVWVSSS STUVVUVV

--------------------------------------------

《欢乐颂》

J J K L L K J I H H I J J I I

J J K L L K J I H H I J I H H

I I J H I J K J H I J K J I H I E

J J K L L K J I H H I J I H H

------------------------------------------

《千千阙歌》

HHIJ LMONNNLJ

IIIJK MOQPPNL

HHIJ LMONNNLJ

IIIJK MOQPPNL

MLMLMNNMN PPPPNOPQ

QQPPPOQ NLM

LMOPQQPQ QPOP OMM

LMOP QQPQ QSTSQQ

QQPPOPOM QQRQPOP QQ Q P

POP OMOO

-----------------------------------------

《婚礼进行曲》

HKKK HLJK HKNNMLKJKL

HKKK HLJK HKMOMKILMK

NMLII JKLL NMLII JKLL

HKKK HLJK HKMOMKILMK

ILMKK

-----------------------------------------

《痴心绝对》

OPQQQRQPPOPPSP

ONOOOQQOOMNNQNMLMMMRRQSO

MLMMMRROOMPOOPQQQRQPPOPPSP

ONOOOQQOOMNNQNMLMMRRQSO

MLMMMRROOONO

-----------------------------------------

《好好恋爱》

JKLLLLLKJIIL

NNONOOO PQNNLH MMMJMO LLLLJH

KKKJKL MMMOMLJ KJJKLLL LJIHHO

NMLML JHHMM LLLKJ

OOOONOPP LRQLLRP LRQRQRQPO

ONMMQMQ MLLQLQL RQRQOP

LRQLLRSP LRQQQ RQPQONMM QMQMLL QLQPOM

----------------------------------------

《会呼吸的痛》

STVTXXTW WWVUVWXWSV

VUTUVRRRVVWVSSS SYXWXX

STVTXXTW WWVUVWXWSVV

VUTUVRRRVVWVSSS STUVVUVV

---------------------------------------

《樱花》

MMN- MMN- (-延长音的意思)

MNON MNMK- (下划线是连音的意思)

J HJ K JJHG-

MMN- MMN-

JKNMK J - - -

---------------------------------------

《想唱就唱》

onopol jkkklj

onopol lmmmon

onopqolj opolj

onopqolo rqpoq

qrst oopqp

pqrs srqpq

qrstss uuvuspq rqrs

qrst oopqp

pqs quuqv vuvtsoo tsrqrs ts

qrst oopqp

pqrs srqpq

qrstss uuvuspq rqrs

qrst oopqp

pqs quuqv vuvtsoo tsrqrs

--------------------------------------

《梦里》

qqqqqqpo lmoooomq

qqqqstsqp lpppppsq

qqrs oopq llmoqpsq

qqrs oopq llmoqpoo

opqrsssrqrss

ssssvtsq

qqpo opm moppppqp

opqrsssrqrss

ssssvtsq

qqpo opm mopqqqqpom

qqqqqqpo lmoooomq

qqqqstsqp lpppppsq

qqrs oopq llmoqpsq

qqrs oopq llmoqpoo

opqrsssrqrss

ssssvtsq

qqpo opm moppppqp

opqrsssrqrss

ssssvtsq

qqpo opm mopqqqqmpqt

-----------------------------------

《北京欢迎你》

qsqpqpq qomoqp pomopqsp qtsmpo pomoqssq qtstst

pqpostsq mqq p q

qsvst tsqqss qstvxvsqpsq qsvst vwvsqsvt qpqsxp

v v

qpqsxwwvv qpqswwvv

Vanessa Chen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【收集】键盘钢琴 和弦琴谱 (带HTML版开发流程)
匆匆往站
12-27 6202
列表 《童话》 《一直很安静》 《雨的印记》 《天空之城》 《卡农》 《Tifa Theme》 五线谱翻译中… 《童话》 (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(F
html制作的一个钢琴（可以弹奏）
weixin_43474701的博客
12-14 806
html制作的一个钢琴 可以弹奏，可以上传曲谱弹奏，如下图所示： 点我下载资源 https://download.csdn.net/download/weixin_43474701/63403221
HTML5技术实现的小钢琴
最新发布
cnds123的专栏
02-23 1295
HTML5技术实现的小钢琴
HTML+JS实现离线flash键盘钢琴
qiziyiming的博客
07-10 3293
JQ+JS实现，如果只是想玩一玩flash键盘钢琴的也可以下载，直接打开music.html文件就可以，刚开始页面加载需要等待几秒钟，需要动态生成大量的元素。 还有几个功能没有实现 积分资源下载：点击打开链接 回车键可以重新开始，上下方向键可以切换歌曲，左右方向键可以预听键盘的声音 页面加载完成如下： 键盘钢琴操作展示如下： 添加歌曲如下：（也可以把歌曲添加到源代码中，这样就不...
[源码和文档分享]基于HTML5和JS实现的在线电子钢琴网页版
12-07 491
1 引言 1.1 项目背景 为了体验软件工程各阶段的主要工作，熟悉项目开发流程，在HTML5标准发布已久的背景下，基于HTML5增加的新特性，设计一个网页版的电子钢琴，来实现上述目的。 1.2 目的 该需求规格说明书是针对本次软件工程课程设计编写，编写需求规格说明书的目的是为了对未来网站的需求做一个规范的描述。 该需求规格说明书对功能需求、性能需求和其它...
HTML钢琴效果,JS实现钢琴效果
weixin_36219012的博客
06-03 749
效果图如下(点击对应的按键会有不同的声音): 素材准备:按键音效: 背景图片: 代码实现:钢琴*{margin:0px;padding:0px;list-style:none;}#all{width:800px;height:300px;border:solid 0px #333;margin:100px auto;position:relative;}body{background:url(bg...
在线弹钢琴 1.0.rar
05-23
在线弹钢琴 1.0 使用说明： 26个字母 26个钢琴键 请关闭汉字输入法 点一下上面的FLASH才可正常使用 可以用a-z来弹 也可以用鼠标 以下是部分乐谱： ---------------------------------------------- 《月亮...
在线弹钢琴flash版 v1.0
04-22
在线钢琴flash版 26个字母 26个钢琴键 请关闭汉字输入法 点一下上面的FLASH才可正常使用 可以用a-z来弹 也可以用鼠标 月亮代表我的心》LOQSONQS STUVTS QPOOO QPOOO PQPOMPQP LOQSONQS STUVTS QPOOO QPOOO ...
比特钢琴1.0源码.docx
10-06
用c语言实现的电子钢琴，使用visual studio 2019开发
在线钢琴flash版 v1.0
10-28
在线钢琴flash版26个字母 26个钢琴键请关闭汉字输入法 点一下上面的FLASH才可正常使用可以用a-z来弹 也可以用鼠标 月亮代表我的心》LOQSONQS STUVTS QPOOO QPOOO PQPOMPQP LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO ...
[其他类别]MoonlightPiano月光钢琴源码 1.0_moonlightpiano-11151.zip源码ASP.NET
05-19
[其他类别]MoonlightPiano月光钢琴源码 1.0_moonlightpiano-11151.zip源码ASP.NET[其他类别]MoonlightPiano月光钢琴源码 1.0_moonlightpiano-11151.zip源码ASP.NET[其他类别]MoonlightPiano月光钢琴源码 1.0_...
html jq制作钢琴,JS jQuery === 实现钢琴效果
weixin_33072655的博客
07-03 415
div{height:100px;width:100px;position: absolute;left:300px;top:300px;background:red;}div:nth-of-type(2){left:400px;background:orange;}div:nth-of-type(3){left:500px;background:yellow;}div:nth-of-type(4...
今天给大家分享一个HTML5的钢琴代码，可以弹奏的哦！（附完整源码）
weqireirtotor的博客
12-27 1315
好了，这期就分享到这里。网盘链接：https://pan.baidu.com/s/1klfjelOqjogrJXxlQzgNFA?它是一个可以弹奏的钢琴，所以它需要音频文件，在这里发不了，这里只有代码，音频文件的分享在文章末尾哦。
键盘钢琴html代码,Flash键盘钢琴 电脑键盘钢琴附键盘钢琴谱
weixin_42605397的博客
06-07 659
Flash键盘钢琴(电脑键盘钢琴)先下载Flash钢琴，把打开的窗口以较小的形式显示，以方便看着曲谱弹，对了~~一定要让其成为当前的活动的窗口，切换到英文输入法之后，按照下面的曲谱练习即可~~ 最好先练习自己非常熟悉的歌，这样比较好掌握节奏！《卡农》这样的曲谱建议最后练习~~原因是~~你试试就知道了，呼呼！《雪绒花》Flash键盘钢琴谱CEI HED CCCDEFECEI HED CEEFGHHI...
【H5钢琴示例代码】
Lgwind2的博客
07-26 2461
【H5钢琴示例代码】
用html5写一个模拟钢琴
weixin_35750483的博客
12-27 473
<p>好的，下面是用 HTML5 写一个模拟钢琴的基本步骤：</p> <ol> <li><p>创建 HTML 文档并设置页面的布局。</p> </li> <li><p>使用 HTML5 音频元素 <code>&lt;audio&gt;</code> 嵌...
HTML+CSS+JavaScript实现-自适应钢琴piano界面效果
m0_61486963的博客
10-08 1094
🦖我是Sam9029，一个前端已经晚上11点半了，此刻本人依旧无法入睡，与其躺平在床，不如举头望明月，啊，搞错了不如下床思故乡，啊，不不，不如下床燥起来，所以此刻为了入眠，本人想要听一听钢琴曲所以既然如此，不如写一个出来。
可以弹奏的钢琴页面（HTML实现）效果演示 + 源代码 | 系统架构师 面试题：如何设计一个安全可靠的系统架构？请列举一些常见的安全设计措施。
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
08-03 2662
效果 源代码 index.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html钢琴</title> <script src="js/js.js"></script> <link href="css/css.css" type="
html+css+js的钢琴案例
xiaojx_的博客
07-21 4188
html+css+js的钢琴案例 界面大致布局： 鼠标点击钢琴上的按键 下面音符会自动上滑 音乐素材： 图片素材： 链接：https://pan.baidu.com/s/17-jMxkeCb5Xfb7kezY_h8A 提取码：1d0e 实现代码： //HTML部分 <ul class="key-box"> <li>do <span></spa...
html 弹幕 源码
08-31
HTML弹幕是一种在网页上显示滚动文字消息的效果。以下是一个简单的HTML弹幕的源码示例： ```html <!DOCTYPE html> <html> <head> <style> .danmu { position: absolute; white-space: nowrap; font-size: 20px; color: white; text-shadow: 1px 1px 1px black; animation: danmu-animation linear infinite; } @keyframes danmu-animation { from { right: 100%; } to { right: 0; } } </style> </head> <body> <div class="danmu">这是一条弹幕消息</div> <div class="danmu" style="animation-delay: 2s;">这是另一条弹幕消息</div> </body> </html> ``` 在上面的代码中，我们使用CSS的`position: absolute`将弹幕的位置固定在屏幕上。`white-space: nowrap`属性确保弹幕不换行显示。`font-size`和`color`用于设置弹幕的样式和颜色。`text-shadow`属性为文字添加一个黑色的阴影效果。 弹幕的动画效果是通过`animation`属性实现的。`danmu-animation`是我们自定义的动画名称，通过`@keyframes`指定了弹幕从右边100%的位置滚动到0的位置的动画过渡效果。 在HTML的body中，我们通过创建`div`元素并添加类名`danmu`来显示弹幕消息。可以根据需要添加多个弹幕元素，并通过设置`animation-delay`属性来控制每条弹幕的显示间隔。 以上就是一个简单的HTML弹幕的源码示例。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值