はてなブログへのオーディオデータの埋め込み方のメモ。

1. 共有リンクの取得

まずDropboxに保存している自分のオーディオデータから共有リンクを取得する。

リンクを取得するとこんな感じで出てくる

2. HTMLタグをつけてURLを書き換える

まず以下のセグメントをはてなブログの記事に貼り付ける

<audio src="https://dl.dropboxusercontent.com/s/[共有リンクの一部]" controls></audio>

そしたら取得した共有リンクのhttps://www.dropbox.com/s/より下の部分を[共有リンクの一部]の部分に貼り付ける。

<audio src="https://dl.dropboxusercontent.com/s/jobg8cszjou4lzq/Kapustin%20Sonata%201-1.wav?dl=0" controls></audio>

こちらが貼り付けたもの

これでオーディオデータを再生することができる

ちなみにMIDIに関してはHTML5で再生するにはjsを使わないとうまくいかないよう。embedタグがうまく働いてくれなかった。
別のやり方知ってる方がいれば教えて欲しい。