Google Apps Script試行錯誤 Blog: Googleドライブ内の音声ファイルをaudioタグで再生したい

2019年3月2日土曜日

以下のaudioタグへの埋め込みが機能しなくなり、iframeへの埋め込みを上記リンク先で実装しました

以下の手順では機能しなくなった（2025/01/27現在）

このようにファイルIDと.m4aなどの拡張子を&でつなげると

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

Googleドライブ内の音声ファイルをHTMLの中で再生できます

コード.gs

function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}

意訳

この機能がやること
指定したHTMLファイルを表示する

index.html

<!DOCTYPE html>
<html>
<body>
  <audio src="https://drive.google.com/uc?id=ファイルID&.m4a" controls>
  </audio> 
</body>
</html>

意訳

 


Googleドライブ内の音声ファイルのIDを指定してsrcで指定する（拡張子はそのファイルの拡張子を指定する）

Google Apps Script試行錯誤 Blog