如何让Google Apps Script的无模式对话框播放音频5秒后关闭

你的代码里有两个关键问题导致对话框无法按时关闭：

问题1：音频元素未设置ID，JS无法获取目标元素 #

你在JS里用document.getElementById('audioPlayer')获取音频，但对应的<audio>标签没有设置id="audioPlayer"，导致获取到的是null，后续的oncanplay事件根本不会触发，自然不会执行关闭对话框的逻辑。

问题2：HTML实体转义错误 #

模板字符串里不需要把<转成<、把"转成"，直接写原生HTML标签语法即可，转义后反而会导致HTML结构解析异常。

修改后的完整代码：

function onEdit(e) {
  var sheet = e.source.getActiveSheet();
  var lastRow = sheet.getLastRow();
  var editedRow = e.range.getRow();

  // 检查是否新增了一行
  if (editedRow === lastRow) {
    const html = `
      <audio id="audioPlayer" controls autoplay>
        <source src="INSERT LINK" type="audio/mp3">
      </audio>
      <script>
        const audio = document.getElementById('audioPlayer');
        // 确保音频可以播放后启动定时器
        audio.oncanplay = function() {
          setTimeout(() => google.script.host.close(), 5000);
        };
        // 兼容音频加载完成但oncanplay未触发的情况
        audio.onloadeddata = function() {
          setTimeout(() => google.script.host.close(), 5000);
        };
      </script>
    `;

    const dialog = HtmlService.createHtmlOutput(html)
      .setTitle('Play')
      .setWidth(300)
      .setHeight(50);
    SpreadsheetApp.getUi().showModelessDialog(dialog, 'Play Audio');
  }
}

额外优化说明： #

• 新增了onloadeddata事件监听，避免某些浏览器环境下oncanplay不触发的情况，双重保障定时器能启动。
• 移除了多余的audio.play()调用，因为<audio>标签已经设置了autoplay属性，会自动播放。

内容的提问来源于stack exchange，提问作者dboyd08