最新のマイクロソフトedgeやgoogle chromeをお使い下さい。
a
Z
s
X
C
f
V
g
B
N
j
M
1
k
Q
<
2
l
W
>
E
?
4
*
R
_
5
}
T
 
Y
 
7
 
U
 
8
 
I
 
9
 
O
 
P
 
=
 
@
 
^
 
{
 
音量  ↓   ↑ 



 他の音色(楽器)もあります。

楽 器
 名 称
楽 器
 名 称
楽 器
 名 称
楽 器
 名 称
・ピアノ・チェレスタ・マリンバチューブラーベル
NHKのど自慢の鐘の音
・トランペット・ドラム新着
 47種の楽器
画像は、次のサイトのものを使用させて頂きました。

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

 音のファイルは、楽器の推薦音域で音階毎に8秒、音を鳴らす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.