CODEPENでBGMをつけたいのですが、簡単なやり方はありますか？

Question

実現したいこと

CODEPENでBGMを簡単に入れる方法を探している

ここに実現したいことを箇条書きで書いてください。
・サンプルのサイトをCODEPEN上のHTML、CSS、JavaScriptで作成してBGMを流したい
・別でサーバなどは用意せずに簡易に実現したい
・サンプルなので音楽はフリーのものでOK

拙い内容ですみませんが、回答してもらえると嬉しいです。

Answer 1

<audio> で鳴らすのが一番簡単かと思います。

• ページを開いた瞬間に演奏を開始させるのは難しいです。メディアおよびウェブ音声 API の自動再生ガイド
• codepen にバイナリは置けないと思うので、音楽データは気合で data: URL にするか、外部サイトに置く必要があります。

Comments

[PEI]

丁寧に回答いただきありがとうございます！