創作遊びをやっている亀屋たむの動いた日

mp3ファイルを鳴らす実験

Tmboxが閉鎖という事になったらしく、mp3を手頃にアップする別の方法を探しました。
Sound Cloudとかあるんですが、ぼちぼちアカウント管理も面倒くさくなってきたので、ブログに実装する手段を模索致しました。

結果は以下の通り(自作の練習作が鳴ります。お耳汚し失礼)。



(1)HTML5の<audio>タグを使います。つまり、HTML5非対応のブラウザでは使えません。
(2)まず、鳴らしたいmp3ファイルを「ファイルアップロード」でアップロードします。
(3)ファイルはアップロード後に名前が変わる事があるので、アップロード後のファイル名をどこかにコピーしておきます。
(4)記事の編集画面を「見ながら編集」から「ソースコード」へ切り替えます。
(5)以下のタグをコピペします。
<audio src="http://file.自分のサイトのURL/アップロード後のファイル名.mp3" controls="controls" preload="auto"></audio>
 ※ 青字は自分のサイトのURL
 ※ 赤字はファイル名.mp3
 ※ 緑字はあってもなくても良いです。<audio>タグについて調べれば出て来ると思います。

これでmp3が鳴る筈。

URLがよくわからん! という場合は、画像を貼った記事のソースコードを調べてみて下さい。
多分、img src="http://file~"という記載がある筈なので、それを丸っとコピペして、画像ファイルのファイル名をmp3のファイル名へ置き換えるだけです。
この説明でも意味わからん! という方は諦めてSound Cloudとか使って下さい。

ではでは。