摇滚吧HTML5！有声前端交互！（Hello, Jsonic!）
软件工程师们摆弄1和0编写他们的乌托邦，音乐人门把玩12平均律上的音符构筑他们的伊甸园。最近，我偶然看了《蓝色骨头》这部电影，片中的男主角是位黑客，同时又兼具音乐创作的才华。在现实生活中，这虽非典型，但也不是特例，我身边便有一些摆弄0和1的朋友，略有情调地发烧着。
上一篇博文 摇滚吧HTML5！有声前端交互！（一） 中，我介绍了12平均律，引入了音高和时值，并谈及了其在Web Audio中的实现。按着这个节奏，连音成谱就有了曲子。借着这系列博文，我整理了下之前写的音频交互相关的Javascript框架，创作了jsonic.js。利用Jsonic.js可以实现音频可视化，语音识别，音频编码以及谱曲。本文便介绍如何利用Jsonic.js进行谱曲。
Jsonic的谱曲模块名为Melody，其中Note、MusicScore和Track3个类分别对应音符、乐谱和音轨的实现。具体说明文档请猛击API！
Note对象可以指定音符的唱名，时值（全音符，1/2音符，1/4音符……），音高所在字组（默认0，小字一组），是否有附点
var note = new Jsonic.Melody.Note(1,1/2,0,true);
MusicScore对象可以指定调式，和节拍。下面代码创建了一个E大调的，4/4拍的乐谱。
var musicSocre = new Jsonic.Melody.MusicScore(‘E‘,‘major‘,‘4/4‘);
通过改变musicScore的调式，可以方便的进行升降调，通过MusicScore的w方法可以向乐谱写入音符，在播放前需要调用complie方法。
musicSocre.w(new Jsonic.Melody.Note(3),new Jsonic.Melody.Note(4));
Track对象用来播放MusicScore对象，多个Track对象可以同时播放，和弦和声就可以利用同样的原理实现。
var track = new Jsonic.Melody.Track();
调用play方法播放乐谱，并且可以指定演奏的速度，参考前文所提及的时值的概念。
track.play(musicScore,90);
具体可以参考《直到世界尽头》的Demo, 请点击start开始播放,暴露童年了。。。Demo中还实现了对频域信号的可视化，以后会扩展出去。
前端是一个复合型职业，作文一篇，希望同好可以共同进步。
Giithub https://github.com/ArthusLiang/jsonic
转发请注明出处：http://www.cnblogs.com/Arthus/p/4218572.html
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
