2019年3月2日土曜日

Googleドライブ内の音声ファイルをaudioタグで再生したい


以下の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で指定する（拡張子はそのファイルの拡張子を指定する）