BloggerでMP3を再生

 BloggerでMP3の再生を行いました。MP3ファイルを Googleドライブにアップロードして再生を試みましたが再生出来ませんでした。下記サイトを参考にDropboxにMP3ファイルをアップロード、リンクをコピーして手順に従ってHTMLに入力し再生が出来ました。

参考サイト

●埋め込みプレーヤーのMP3置き場を変更しました

フリーMP3

●ジングル・ショートループ素材

※今回使用したMP３音源

DropboxにMP3ファイル保存

リンクのコピー

https://www.dropbox.com/scl/fi/83hxo1xr13pxrwtzmcj1a/horror.mp3?rlkey=v34xvg2sithxsckj6tzxl0988&dl=0

　　　　　　　　↓

変更・削除

www.dropbox.com　→　dl.dropboxusercontent.com

&dl=0　削除

　　　　　　　　↓

https://dl.dropboxusercontent.com/scl/fi/83hxo1xr13pxrwtzmcj1a/horror.mp3?rlkey=v34xvg2sithxsckj6tzxl0988

　　　　　　             【 文字列 】→【 .com 】【 "></audio> 】間に入力

HTML　　　　　　　　                                                                ↓

<audio controls="true" src="https://dl.dropboxusercontent.com"></audio>

文字列入力後

<audio controls="true" src="https://dl.dropboxusercontent.com/scl/fi/83hxo1xr13pxrwtzmcj1a/horror.mp3?rlkey=v34xvg2sithxsckj6tzxl0988"></audio>

< >HTMLビュー

MP3を再生