Tone.js で相対音感を鍛えるイヤートレーニングできるようにしてみるメモ

元ネタ

これっぽいことを簡単な実装でやってみる

相対音感を鍛える、究極のイヤートレーニング動画【保存版】

実装テーマ

• jQuery, React, Vue は使わない。単純なコードで。
• 動作確認は Chrome for Mac のみ
  • Safari for iPhone では音が鳴らなかった。user interaction じゃないと audio は鳴らないらしい（ソース）
• 履歴残るようにブラウザリロードして同じ音階をランダムに4回づつ鳴らす

ソースコード

• https://github.com/CortYuming/ear_training

デモサイト

• https://cortyuming.github.io/ear_training/

参考

• https://tonejs.github.io/
• https://materializecss.com/
• JavaScriptでループ中にスリープしたい。それも読みやすいコードで