ＨＰで『画像のクリック時に音を鳴らす』方法について。
<a>でファイルを指定して再生すると、画面が切り替わってしまうので、
HTML5とjavaを使ったやり方に変更。
■こちらのやり方を参考に、ファイルも使わせていただきました。
クリックすると音が鳴るボタンの作り方
html5とJavascriptで、クリックすると音を鳴らすボタンを設置する方法を紹介します。
syncer.jp
[苦戦したので方法メモ]
音声ファイルは適当にフォルダを作ってまとめるとわかりやすい
sounds.jsファイルに3行程度、音声ファイルを入れたフォルダなどを設定
（ついでに再生中に、次の音をクリックした時に再生しないよう、一カ所だけ変更）
音声を組み込みたいhtmlファイルに下記を書く
・<head>内でsounds.jsファイルを読み込む。
・再生ボタンはこのようにする
<a href=”#” class=”sounds” data-file=”***拡張子不要”>画像など</a>
もしくは、 <img src=”画像ファイル名” class=”sounds” data-file=”***拡張子不要”>
音声停止ボタンもつくる（作らないと動かない）
<a href=”#” id=”stop-button-syncer” style=”color:#000000;”>音声停止</a>
魔王軍４・４ＦＤのページに使ってます
