独立Google Script实现Google Sheet倒计时触发iframe音视频的方案求助

一、核心实现思路 #

由于独立脚本无法在无用户交互的上下文外弹出UI，我们采用Sheet侧边栏加载HTML页面的方案（侧边栏属于用户交互上下文，可正常播放媒体内容），结合时间驱动触发器实时更新倒计时，归零时自动触发侧边栏的媒体播放逻辑。

二、具体步骤 #

1. 准备Sheet基础结构 #

在Sheet的A1单元格输入倒计时标题（例如当前倒计时），B1单元格用于显示剩余时间，将单元格格式设置为hh:mm:ss。

2. 编写Google Script核心代码 #

打开Sheet的脚本编辑器（路径：工具 → 脚本编辑器），替换默认代码为以下内容：

// 更新倒计时并检查是否归零
function updateCountdown() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  const targetTime = new Date();
  // 设置为下一个整点（如当前10:23，目标自动设为11:00）
  targetTime.setHours(targetTime.getHours() + 1, 0, 0, 0);
  const now = new Date();
  const diffMs = targetTime - now;
  
  if (diffMs <= 0) {
    // 倒计时归零，触发媒体播放侧边栏
    showMediaSidebar();
    // 重置目标时间为下一个整点
    targetTime.setHours(targetTime.getHours() + 1, 0, 0, 0);
  }
  
  // 计算并格式化剩余时分秒
  const hours = Math.floor(diffMs / (1000 * 60 * 60));
  const minutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((diffMs % (1000 * 60)) / 1000);
  
  // 将格式化后的时间写入B1单元格
  sheet.getRange("B1").setValue(`${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`);
}

// 加载媒体播放侧边栏
function showMediaSidebar() {
  const html = HtmlService.createHtmlOutputFromFile('MediaPlayer')
      .setTitle('时间到提示');
  SpreadsheetApp.getUi().showSidebar(html);
}

// 设置每1分钟触发一次倒计时更新（保证倒计时实时性）
function setupTrigger() {
  ScriptApp.newTrigger('updateCountdown')
      .timeBased()
      .everyMinutes(1)
      .create();
}

3. 创建HTML媒体播放页面 #

在脚本编辑器中，点击文件 → 新建 → HTML文件，命名为MediaPlayer，粘贴以下代码（替换占位链接为你的目标媒体链接）：

<!DOCTYPE html>
<html>
  <body>
    <h3>时间到！</h3>
    <!-- YouTube视频示例：替换为你的视频ID，autoplay=1开启自动播放 -->
    <iframe width="300" height="200" src="https://www.youtube.com/embed/你的视频ID?autoplay=1" frameborder="0" allow="autoplay"></iframe>
    
    <!-- Google Drive视频示例：先将视频设为"任何人可查看"，替换为你的文件ID -->
    <!-- <iframe width="300" height="200" src="https://drive.google.com/file/d/你的Drive文件ID/preview?autoplay=1" frameborder="0"></iframe> -->
    
    <script>
      // 可选：添加音频提示，替换为你的音频链接（需公开可访问）
      const audio = new Audio('你的音频链接');
      audio.play();
    </script>
  </body>
</html>

4. 配置并启动触发器 #

1. 在脚本编辑器中运行setupTrigger函数，首次运行需授权脚本访问权限；
2. 回到Sheet，倒计时会实时更新，归零时自动弹出侧边栏并播放媒体。

三、关键注意事项 #

• 需保持Sheet处于打开状态（用户交互上下文存在），否则侧边栏无法自动弹出；若需后台提醒，只能通过邮件通知用户打开Sheet，但无法实现无交互自动播放；
• 部分浏览器会限制自动播放，需确保用户此前在Sheet页面有过交互操作；
• Google Drive视频必须设置为任何人可查看权限，否则iframe无法加载内容。

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