どうも、ソエです。

今回は、パタタップを作成した時に使ったので、復習がてらタイピングした時に音を鳴らすコードをご紹介します。

では、どうぞ。

サンプル

0のキーをタイピングすると、音が鳴ります。

コード(JavaScript)

こちらの、Anime.jsを使っているので、HTMLファイルなどに読み込ませておいてください。

下記のコードが、音を鳴らすためのコードです。

window.addEventListener(‘keyup’, function (event) {
switch (event.keyCode) {
case 48:
music0.load();
music0.play();
default:
}
});

let music0 = new Audio(‘音のURL’);


終わりに

いかがでしたか?

軽いピアノくらいなら作れそうですよね。皆さんも一度は使ってみて下さい。

では、ご閲覧ありがとうございました。

ご閲覧ありがとうございました!

プロフィール

ソエ

愛知県産のインドア。趣味はゲームとアニメ鑑賞。高校三年生にWebに興味を持ち専門学校へ入学。写真は愛犬です。

検索

ホーム/ JavaScript/

タイピングした時、音を鳴らす方法