音楽教室運営奮闘記

不定調性論からの展開紀行~音楽と教育と経営と健康と

はてなブログに音楽ファイルを貼る方法(2023)〜scl/fi/リンクの場合

動画を貼り付ける方法はこちら。

www.terrax.site

はてなブログに音が貼れた!!

と言いながら、さりげなく十二音技法による音源で恐縮です。

 

=============

<音楽の貼り方>4ステップ。

STEP1.ドロップボックスに音楽を入れる(各自登録してください)。

 注;自分でサーバーをレンタルしてる人はそちらを使えますね。

 

STEP2.

f:id:terraxart:20180909104715p:plain

右クリックメニューで「共有」をクリック。

f:id:terraxart:20180909131108p:plain

または右メニューから「共有」を選択。

 

f:id:terraxart:20201212193725p:plain

リンクを作成して、

f:id:terraxart:20201212193750p:plain

または、

f:id:terraxart:20211027082642p:plain

で「リンクをコピー」をクリック。

 

STEP3.

f:id:terraxart:20211027083001p:plain

 ==ブログの"HTML編集画面"で操作==============

 <audio src="ここにリンクを張る" controls></audio>

===================================

 

STEP4.文字の置き換え

実際コピペしてみると。

<audio src="https://www.dropbox.com/s/sdfsdwpsdfk3/td1.mp3?dl=0" controls></audio>

こうなりますので、

https://www.dropbox.com/s/

→ https://dl.dropboxusercontent.com/s/

 に置き換え、

最後のdl=0を取り去ります。すると、

==完成書式==

<audio src="https://dl.dropboxusercontent.com/s/sdfsdwpsdfk3/td1.mp3?" controls="controls"></audio>

====

こうなります。これで再生キットが出現して再生できます。 

いじょうです!

 

2023追記

新しいファイルリンクで、

https://www.dropbox.com/scl/fi/8iq1w21q/XXXXX.mp3?rlkey=o0jxyxhlyct9jlxo4hhoi96t1&dl=0

的なリンクになる場合があります。

この場合は、

==完成書式==

<audio src="https://dl.dropboxusercontent.com/scl/fi/8iq1w21q/XXXXX.mp3?rlkey=o0jxyxhlyct9jlxo4hhoi96t1&dl=0" controls="controls"></audio>

====

またはs/のこしで

==完成書式==

<audio src="https://dl.dropboxusercontent.com/s/scl/fi/8iq1w21q/XXXXX.mp3?rlkey=o0jxyxhlyct9jlxo4hhoi96t1&dl=0" controls="controls"></audio>

====

でも大丈夫です。

新しい共有権限機能で、今後も変化がありそうです。

詳細は下記より。

help.dropbox.com

 

======

下記のサイト様も参考にさせて頂きました。

はてなブログにmp3の音声ファイルをはる。変な曲をはってみたよ! - 生涯、学習していきたい

 

ブログにmp3等の音声ファイルを簡単に埋め込む方法 - DTMスキルアップメモ - frenchbread

ありがとうございましたm(   )m

f:id:terraxart:20200228130357p:plaintopicimage