2021年11月5日金曜日

GoogleサイトにMP3を埋め込んでみた

 

Googleサイトは、社内ポータルサイトなどで利用できる便利なツールです。
筆者は、作成が簡単なので、掲示板感覚で伝達事項を載せて使っています。
Googleサイトに載せたいファイルは、Googleドライブに、アップロードして、共有すれば良いので、手軽に紹介できるのも良い点だと考えている。

筆者は、自身のGoogleサイトに、MP3を埋め込みたいと考えていた時に、「埋め込む」から、Googleドライブの「共有URL」を挿入して使用していた。

 

 

その場合、

 

 このように、表示されるため、グレー背景の見た目の良くない状態であった。

 そこで、埋め込みコードからHTMlを入力することで改善しようと試みた。
結論から言うと、満足している。


改善したものは、これである。

手順は、簡単で、「埋め込みコード」に埋め込むために、Googleドライブの「共有リンク」を確認します。
以下のリンクの赤色で示した「ファイルID」を記憶します。

https://drive.google.com/file/d/ファイル ID/view?usp=sharing

 次に、「埋め込みコード」に以下のCODEを入力してください。

 <audio controls="true" src="//drive.google.com/uc?id=ファイル ID"></audio>

 あとは、記憶した「ファイルID」をCODEの「ファイルID」に置き換えて完了です。