Google Blogger で Google ドライブにあるオーディオファイルを再生する

• 2024年1月20日:ここに記述した方法では再生出来なくなった
• 2023年10月20日:Googleドライブの仕様が変わっていたので修正した
• 2017年10月28日:共有のリンクのURLの仕様が変わっていたので修正した

---

Google Blogger は動画ファイルの埋め込みをサポートしているが、オーディオファイルの埋め込みはサポートしていない。音楽ファイルをどこか別のサイトに置き HTML5 の audio タグで再生することになる。ではどこのサイトに置くか、すぐに思いつくのは Google ドライブである。

まずはオーディオファイル (mp3) を Google ドライブにアップロードし「リンクを知っている全員が閲覧可」で共有する。そして「リンクを取得」すると次のような URL が得られる。
https://drive.google.com/open?id=0B2P36BuimE-gd3c0WjJOWTc5UWs&authuser=0
https://drive.google.com/file/d/0B2P36AuimE-gcGFaQXBkN3E0Tjg/view?usp=sharing

https://drive.google.com/file/d/0B2P36AuimE-gcGFaQXBkN3E0Tjg/view?usp=sharing&resourcekey=0-irEH_iL1lr9w0mXv3XB-WQ

この URL を audio タグの src に指定したいのだが、このままでは使えないのでidらしき部分と resourcekey 部分を使って以下のように変更する。ただし Googleドライブの仕様が変わると使えなくなることをお断りしておく。
https://docs.google.com/uc?id=0B2P36BuimE-gd3c0WjJOWTc5UWs&authuser=0
https://docs.google.com/uc?id=0B2P36AuimE-gcGFaQXBkN3E0Tjg

https://drive.google.com/uc?id=0B2P36AuimE-gcGFaQXBkN3E0Tjg&export=download&resourcekey=0-irEH_iL1lr9w0mXv3XB-WQ

埋め込むタグは以下のようになる。

<audio autobuffer="false" controls="true" preload="none">
<source src="https://drive.google.com/uc?id=0B2P36AuimE-gcGFaQXBkN3E0Tjg&export=download&resourcekey=0-irEH_iL1lr9w0mXv3XB-WQ"></source>
Your browser doesn't support HTML5 audio.
</audio>

Okay, folks...