ブラウザで楽器演奏

備忘録

できるだけ歩く鳥: 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();