MIDI 再生 基本動作の方法？

質問

実行したいこと：
　　windows 環境下で　ブラウザ内で、与えらえたMIDI音源を再生する

分からないこと：
　　入門方法が見当たらないため、
　　https://html5experts.jp/ryoyakawai/16787/

　　いきなり、このような難解な解説文しか手に入りません

達成したいこと：
　　２－３小節程度の短い　MIDIコードをブラウザ上で再生するだけ
　　楽器音は、Windows 内臓のピアノ音源など、一般的に使われてい　　るサウンドをそのまま利用

　　ＰＣ外部のＭＩＤＩ楽器との接続は、しません

　　あくまで、ブラウザ上で音符の試聴をする程度の、簡易プログラムを作成したいです

コード作成の経験は、あります。
よろしくお願いいたします。

回答No.2

retorofan · ベストアンサー

＞コード作成の経験は、あります。
そういうことでしたら、
下記のコードを参考にされたらいかが？
https://codepen.io/cifkao/pen/WNwpLzL

お礼

重要な見本を教えていただき、ありがとうございます。

回答No.1

MT765

下記サイトによればhtml-midi-playerを使うと簡単にできると書かれています。
機械翻訳のようで日本語がちょっと変ですが理解できると思います。

【HTMLでMIDIファイルを再生する方法】
https://www.fixes.pub/program/278865.html

参考
【html-midi-player - MIDIファイルの再生と可視化を行うWebコンポーネント】
https://www.moongift.jp/2020/10/html-midi-player-midi%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E5%86%8D%E7%94%9F%E3%81%A8%E5%8F%AF%E8%A6%96%E5%8C%96%E3%82%92%E8%A1%8C%E3%81%86web%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88/

お礼

御回答ありがとうございます。
教えていただいたサイトは、どちらも外部ライブラリを用いる方法のようでした。
私が実現させたいのは、自前で javascript を用いて
ブラウザ上で　MIDIファイルの再生をすることです。

よろしくお願いいたします。