Frame 11.jpg

0. この時間の制作物を確認しよう

スクリーンショット_2024-02-20_19_48_18.png

スクリーンショット_2024-02-20_19_48_25.png

1. 下準備をしよう!

スクリーンショット_2024-02-20_19_01_47.png

引き続き、day2.htmlday2.jsを使っていきます!

2. 音を鳴らす

Frame 13.jpg

音声再生をするための方法は色々あるのですが、1番シンプルなのは、HTMLのaudioタグを利用することです。

そして、指定した音声を再生するには、以下のようにplay()メソッドを使用します!

<audio src="ここに音楽のデータを指定" id="audio"></audio>
$('#audio').attr("src", "ここに指定した楽曲のデータを入れる")
$('#audio')[0].play();

<aside> 💡 上にある[0]ですが、歴史的な理由からaudioタグやvideoタグ(動画)を扱う場合のにみ、特例的に必要なものになります。通常は必要ありません!

</aside>

ちなみに、音楽を停止したいときはpause()メソッドを使います。