【ノウハウ】ブログに自動再生BGMを実装する方法

【祝】NewJenas ストリーミング再生1億回突破！

昨年7月に突如彗星のごとくデビューした韓国のK-POPグループNewJeans
彼女たちの楽曲、「HypeBoy」「Ditto」「OMG」の３曲が
それぞれでストリーミング再生回数1億回を突破しました。

という事で(全然関係ないけど)ブログにBGM自動再生を埋め込みました。
本来ならばJavaScriptで凝った実装をしたかったのですが、
みんカラサイトでは、JavaScriptの埋め込みできないみたいなので、
HTML形式での実装方法を教えます。

①以下の記述をそのままコピペして、自分のブログやHPに張り付ける。
②次に便宜上＜＞を全角文字にしているので、半角の<>に変更する。
③下記の"https:任意の楽曲.mp3" の内側を、自身のお好きな楽曲の
　MP3音源の置いてあるリンクサイトを張り付ける。
④MP3の音源サンプルサイトは例えば以下などです。
https://www.ne.jp/asahi/music/myuu/wave/wave.htm

--------------------コピペ--------------------

＜audio controls autoplay src="https:任意の楽曲.mp3"＞＜/audio＞

--------------------コピペ--------------------

⑤実装例
＜audio controls autoplay src="https://archive.org/download/nwjns/NewJeans%20-%20Attention.mp3"＞＜/audio＞

私の場合はNewJenasのMP3が置いてあったリンクを
適当に見つけて張り付けています。
"https://archive.org/download/nwjns/NewJeans%20-%20Attention.mp3"
"https://archive.org/download/nwjns/NewJeans%20-%20Cookie.mp3"
"https://archive.org/download/nwjns/NewJeans%20-%20Hurt.mp3"
"https://archive.org/download/nwjns/NewJeans%20-%20Hype%20Boy.mp3"

スマホからだと鳴らないかもしれませんが、PCブラウザ上では
上手くいくと思います。まぁちょっと、音でも鳴らして楽しんでみてください。