2019.11.15スポンサーリンク本記事ではボタンを押し音声ファイルを再生する方法について紹介しています。言語はJavaScriptを使っています。動画によくある効果音やBGMなどの音声ファイルを再生するものをつくりました。効果音ラボくらげ工匠といったサイトから、有名YouTuberの方々が使用しているBGMなどを探すことができます。上記のサイトから音源をダウンロードをしファイルの名前を変え、プログラミングを適宜変更してください。動画もアップしてあるので、そちらもぜひご覧ください。ファイルの作成ボタンを押し音声ファイルを再生DEMOまずこちらが完成品です。ここには肝心の効果音とBGM用の音声ファイルを置いていないので、ボタンを押しても音声は再生されずエラーがでてしまいますが、とりあえず貼っておきます。ディレクトリから読み込み、それをボタンとして使用しています。10種類の効果音とBGM用の音声ファイル(mp3)を用意し、数字のボタンが押されたら音声が再生されるようになっています。下の二つのボタンで、効果音とBGMどちらを再生するか決めることができます。BGMが再生されている時には、もう一度同じボタンを押すことで停止をすることもできます。HTMLファイルの作成まず、以下のようなHTMLファイルを用意します。音声ファイルの再生、停止を行っています。0にし、連続で再生できるようにしています。画面をクリアし該当するテキストを表示しています。効果音ボタンが押されたときには、「効果音」と表示され、BGMボタンが押されたときには、「BGM」と表示されます。イベントが発生したときの処理をここに書いています。ボタンがクリックされたときに、どのような動作をするかをここで決めています。よって再生する音声ファイルを決めています。場合は効果音が鳴ります。関数でBGMの停止をしています。GitHubのコード以上、ボタンを押し音声ファイルを再生する方法についてのソースコードでした。ご質問・ご感想はツイッターやお問い合わせからいただけるとうれしいです。最後まで読んでくれてありがとうございます。ツイッターのフォローもお願いします。それではまた!YouTubeチャンネルを開設しました。プログラミングについて配信をしています。