鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

ブラウザで楽器演奏

備忘録

できるだけ歩く鳥: audioタグとJavaScriptでピアノを作ろうとしたけど諦めた

ASCII.jp:iPad対応!HTML5 Audioで作るブラウザーピアノ (1/6)|古籏一浩のJavaScriptラボ

HTML5 Audio ピアノ制作 : Return – 読み込みによる遅延を解消!! | TM Life

band.jsというのがなんか良さげ

https://github.com/meenie/band.js/

チャルメラの楽譜を表現すると・・・

チャルメラを吹いてみよう!│明星 チャルメラ

var conductor = new BandJS();  
conductor.setTimeSignature(4,4);  
conductor.setTempo(210);  
var piano = conductor.createInstrument("square");  
piano.note('eighth', 'A4')
     .note('eighth', 'B4')
     .note('half', 'C#5')
     .note('eighth', 'B4')
     .note('eighth', 'A4')
     .rest('whole')
     .note('eighth', 'A4')
     .note('eighth', 'B4')
     .note('eighth', 'C#5')
     .note('eighth', 'B4')
     .note('eighth', 'A4')
     .note('dottedQuarter', 'B4',true)
     .note('eighth', 'B4')
     .rest('eighth')
     .rest('quarter')
     .rest('half');
var player = conductor.finish();
player.play();