MIDIナンバーから音名と周波数を判定するウェブツールを作りました【Midi Number Tools】
投稿日：2020-12-05
ナカジ(@cp_nakajun)です。
もうすでにtwitterには投稿しているのですが
「JavaScriptを学習しよう」と思い、簡単なとりあえずスグ作れそうな題材を選んだのですが
シンプル過ぎたと感じたのか、急に「装飾」したくなってとりあえずこういう形にしてみました。
MIDIナンバーから音名と周波数を判定するWEBツールを作りました。基準にする周波数を変えられるのでチューニングにも使えるかもしれません。宜しければ！ https://t.co/6I7U65h5JM#p5js #javascript https://t.co/qAqA4H0EGO pic.twitter.com/nR9HI2iPRL
— ナカジ (@cp_nakajun) October 31, 2020
詳細な解説ができるほど難しいことはしていないのですが、簡単な紹介として書いておこうと思います。
基本的な「機能」としてこれを題材に選んだきっかけが
僕としてはPureDataでパッチングしてるときにMIDIナンバーと音名の関係をパッと知りたかったことがあったからなんですが
そんな用途以外にも
基準にする「A」の周波数を変えられるのでチューニングにも使えるかもしれませんし
単純に音が出て、波形を描画するので少し遊んでもらえるだけでも嬉しいです。
ということで
Midi Number Tools
ツールのURLは
です。
JavaScriptで作りました。
描画部分はp5.jsでサウンド部分も同じくp5.jsのライブラリーであるp5.soundを利用しています。
使い方
音名と周波数を判定し表示する
- チューニング基準音を設定
- MIDIナンバーを設定
音を聴く＆描画する
- 「SOUND ON」ボタンを押す
- ボリュームスライダーを動かす
音を止めるにはボリュームを「0」にしてください。
