Top Page › アメブロ › 【アメブロ】アメブロ(アメーバブログ)に録音した音源を載せる方法
2021 · 04 · 16 (Fri) 22:35

【アメブロ】アメブロ(アメーバブログ)に録音した音源を載せる方法

引用
アメブロ(アメーバブログ)に録音した音源を載せる方法はありますか? youtubeに経由以外の方法を教えてください。

回答
HTMLタグの <audio> を使うと
YouTube を経由しなくても、ブログのページで音楽を再生できます。

<audio id="audio1" src="再生したい音楽のファイル名"  autplay loop></audio>

この記述の 「再生したい音楽のファイル名」を音楽ファイルに変換して
コピペする事で、再生できます。

ただし、音楽ファイルはサーバー上にアップロードし、
サーバー上の直リンクで挿入する必要があります。

サーバーは、忍者ホームページ、FC2などで
無料のサーバーが使えるので、そちらにアップロードしていいと思います。

autoplay loop は、音楽を繰り返し再生するタグです。
1回だけ再生するだけでいい場合は、 autoplay loop を削除しておくと便利です。

曲を再生したり、一時停止するボタンをつけたい場合は、
以下のコードをセットで使うといいと思います。


<audio id="audio1" src="./audio/sound.mp3" autoplay loop></audio>
<input type="button" value="Pause" onclick="document.getElementById('audio1').pause()">
<input type="button" value="Play" onclick="document.getElementById('audio1').play()">

新生活様式の成功戦略を限定公開中
Last Modified : 2021-04-16

Comments







非公開コメント