纯js带音符显示功能的网页电子琴插件
2015-04-08 13:02
393 查看
Beep是一款功能非常强大的基于浏览器的电子琴js插件。该电子琴插件可以在发音的同时显示出该声音的音符,并且自带演示功能,可以播放指定曲子的完整音乐。该电子琴插件支持键盘演奏和使用鼠标滑过琴键的方式演奏。
Beep是基于WebAudio API来创建合成音乐效果的电子琴javascript框架。它用于模拟真实的钢琴演奏环境。使用一行代码synth = new BEEP.Instrument()就可以创建一组触发音符的Trigger接口,每个接口的音符Notes都有自己的音调Voices。使用synth.scorePlay()方法,可以使该电子琴插件自动进行演奏默认的曲子。
![](http://img.blog.csdn.net/20150408130344264)
效果演示:http://www.htmleaf.com/Demo/201504071642.html
下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201504071641.html
Beep是基于WebAudio API来创建合成音乐效果的电子琴javascript框架。它用于模拟真实的钢琴演奏环境。使用一行代码synth = new BEEP.Instrument()就可以创建一组触发音符的Trigger接口,每个接口的音符Notes都有自己的音调Voices。使用synth.scorePlay()方法,可以使该电子琴插件自动进行演奏默认的曲子。
效果演示:http://www.htmleaf.com/Demo/201504071642.html
下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201504071641.html
相关文章推荐
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- 网络爬虫,用C#做一个网络爬虫demo,功能有保存网页、图片、js文件、等等其他的文件。有界面显示,有代码注释。
- OpenSeadragon 显示多图自带放大缩小功能的JS插件(支持桌面和手机)
- php--------网页开发实现微信JS的(定位,地图显示,照片选择功能)
- js baidu插件实现网页分享功能
- php--------网页开发实现微信JS的(定位,地图显示,照片选择功能)
- NProgress.js一款炫酷的网页加载进度显示插件
- php--------网页开发实现微信JS的(定位,地图显示,照片选择功能)
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- js网页进度显示 插件step-jquery-dc(原创)
- js控制网页全屏显示
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- web 网页按比例显示图片 js
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- 实现HMTL网页的全屏幕显示或模态显示 (JS代码)
- javascript中几个有意思的功能(目前5项) 1右键无效 2禁止网页复制 3禁止F5刷新 4新发现 5屏蔽js错误
- Js 网页上反复显示隐藏效果的文本
- 使用firefox的firebug插件进行网页js调试----firebug使用
- Inno Setup 网页显示插件 webctrl
- 在网页上显示真正的缩略图,非js处理的缩放