このページは、次のサイトを参考にして作成させて頂きました。
・オーディオファイルは文書内に埋め込んでいます。
　埋め込みオーディオの一時再生停止について
・オーディオファイルの再生停止について
　サウンドの停止
・ピアノの鍵盤をCSSで描く。ピアノの鍵盤を描くのも容易ではありません。
　CSSでリストをグリッド状に並べる
　これからのCSSレイアウトはFlexboxで決まり！
・鍵盤をクリックした時に音を再生させる方法
　HTML5 Audio ピアノ制作:クリックで音を鳴らそう!
　Audio でサウンド再生
　なお、上記サイトでは" click "イベントで音が鳴るように紹介されていますが、本サイトではclickイベントを" mousedown "に変更(2018/Feb/24)。
・キーボードを押した時に音を再生させる方法
　iPad対応！HTML5 Audioで作るブラウザーピアノ
・key code
　キーコード一覧

　音のファイルは、楽器の推薦音域で音階毎に８秒、音を鳴らすmidiファイルをmidi-perlで作成し、次にそれをWavePadでオーディに変換し、各音階毎に、mp3ファイルにしました。

PR　 Mikeホームページ


このページの訪問者数

(Since Oct/25/2020)

mike3 web siteの全アクセス数

(Since Dec/8/1996)

---

(2020年10月26日掲載。2021年8月6日更新)
コメントやメール（匿名可）
(c) Copyright 2016-2020. MiKe All rights reserved.

---