操作方法
(PC・スマホ両対応)
クリック or タップ：浮きを投げる。浮きを引っ張る。
遊び方
浮きを投げて、魚を待ちます。浮きをよーく観察して、魚が来ていそうなら浮きを引っ張ります。魚が引っかかったら連打で岸まで寄せます。
【javascript】サイト上で音を鳴らす方法【2024年】
導入
2018年、Googleのポリシーが変更になり、javascriptでただAudioオブジェクトを作って、play()を呼ぶだけでは、音を鳴らすことができなくなりました。
様々なサイトで、すでに無効になった上記の方法が紹介されていて、2018年以降の方法を紹介しているサイトがあまりなかったので、ここに方法を書いておきます。
方法
①ユーザーにサイトをクリックをさせる。
②AudioContextオブジェクトのresume()を呼ぶ。
③その後に音を鳴らす。
（①と②は逆でも良いです。）
コード例
const atx = new AudioContext();
atx.resume();
const snd = new Audio("オーディオファイルへのパス.mp3");
document.addEventListener("click",() => {
snd.currentTime = 0;
snd.play();
})上のコードは、クリックすると音が鳴るコードです。
currentTime = 0は、再生場所を設定しています。再生場所を元に戻さないと、連続再生しても、前の音が終わるまで次の音が鳴りません。
また、AudioContextのstateというプロパティで「音声が許可されたかどうか」が確認できます。stateが「running」の場合は許可あり、「suspended」の場合は許可なし、です。
ブラウザゲームを作る場合は、ミュートをデフォルトの設定するか、クリックするとゲームが始まるように設計すると良さそうです。