使用AWS预签名URL流式传输长视频：链接过期问题

问题根源 #

HTML5 video播放长视频时，浏览器会自动发起Range分段请求加载内容，而非一次性下载完整文件。你设置的5分钟预签名URL过期后，后续的分段请求（包括拖动进度条触发的新Range请求）都会因签名失效返回403 Forbidden。

解决方案 #

1. 使用CloudFront签名Cookie（推荐）

这是最彻底的解决方案，签名Cookie是针对CloudFront分发路径的授权凭证，只要Cookie有效，浏览器发起的所有请求（包括分段、进度条拖动）都会被正常授权。

• 配置步骤：

  • 准备CloudFront密钥对（注意：是AWS IAM控制台生成的CloudFront专用密钥对，而非S3访问密钥）
  • 在CloudFront分发中开启「Restrict Viewer Access」，选择「Use Signed Cookies」
  • 后端生成签名Cookie时，设置合理过期时间：比如覆盖视频完整时长（1.5小时），或结合用户会话实现「活跃续期」——前端每4.5分钟请求后端刷新Cookie，只要用户在播放就保持凭证有效
  • 前端直接使用CloudFront的基础视频URL，无需预签名，浏览器会自动带上签名Cookie

• 优势：完美支持视频分段加载和进度条拖动，用户体验无影响，安全性可控。

2. 前端+后端配合动态刷新预签名URL

通过前端监听视频状态，在URL过期前主动请求后端生成新的预签名URL，替换video标签的source。

• 实现示例：

  const video = document.getElementById('long-video');
  // 每4.5分钟刷新一次预签名URL
  const refreshTimer = setInterval(async () => {
    try {
      const res = await fetch('/api/generate-presigned-url?video-path=your-s3-video-path');
      const data = await res.json();
      // 保存当前播放进度
      const currentTime = video.currentTime;
      // 替换URL并恢复播放
      video.src = data.presignedUrl;
      video.load();
      video.currentTime = currentTime;
      if (!video.paused) video.play();
    } catch (err) {
      console.error('刷新预签名URL失败:', err);
    }
  }, 270000); // 270秒=4.5分钟
  
  // 额外监听waiting事件，处理意外过期情况
  video.addEventListener('waiting', async () => {
    // 检查当前URL是否已过期（可通过后端接口验证或记录生成时间判断）
    const isExpired = await checkUrlExpiration(video.src);
    if (isExpired) {
      const res = await fetch('/api/generate-presigned-url?video-path=your-s3-video-path');
      const data = await res.json();
      const currentTime = video.currentTime;
      video.src = data.presignedUrl;
      video.load();
      video.currentTime = currentTime;
      if (!video.paused) video.play();
    }
  });
  
  // 页面卸载时清除定时器
  window.addEventListener('beforeunload', () => clearInterval(refreshTimer));
  

• 注意：替换URL时要保存并恢复播放进度，避免用户体验中断；这种方式适合无法配置CloudFront签名Cookie的场景，但会有短暂加载延迟。

3. 延长预签名URL过期时间（折中方案）

如果业务对URL安全性要求不高，可以直接将预签名URL的过期时间设置为视频时长+缓冲时间（比如1.5小时），确保整个播放周期内所有请求都不会过期。

• 缺点：URL有效期过长，若泄露可能被第三方滥用，仅适合内部或低敏感场景。

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