0

小さなピアノを作るアイデアがあり、それを実現したいと思っています。ピアノの鍵盤（Htmlとcssで）を作り、サンプル（mp3形式）を作っています。全部で 20 のノートと 20 のサンプルがあります。

  <div class="wrapper">
    <a href="../samples/sample_1.mp3" class="white-note"></a>
    <a href="../samples/sample_2.mp3" class="black-note"></a>
    ...

CSS

.white-note{
   display:inline-block;
   width:20px;
   height:100px;
   background:#fff;
   border: 1px solid #000;
}
.black-note{
   vertical-align:top;
   display:inline-block;
   width:20px;
   height:90px;
   background:#000;
   border: 1px solid #000;
}

jsファイルを作る必要があります。(mouseDown キー) を押すと、mp3 (例: href="../samples/sample_1.mp3") が鳴り、MouseUp すると音が止まるはずです。一方、リンクはキーボードのキーで押すことができます (白いボタン: 最初の子はキー "Z" で押すことができます)。何か案が。読んでくれてありがとう

4

1 に答える 1

0

これをチェックアウト:

http://buzz.jaysalvat.com/

ライブラリに関する質問については、ドキュメントを確認してください。すべてのブラウザーが html5 オーディオをサポートしているわけではありません!

乾杯

于 2013-11-21T08:15:46.890 に答える