s3服务器播放素材如何继续播放，断点续传怎么设置？

S3服务器播放素材无法继续播放，核心解法是把S3桶的直链权限打开、加上Range请求支持，并在前端记录播放进度，断点后续播时再次请求同一资源并seek到上次位置。

很多视频从业者和开发者都遇到过这个场景：素材明明传到S3上，浏览器里点开也能出画面，可一旦刷新页面、切换网络，或者进度条拖到一半再点播放，视频就卡死转圈，有的干脆从头开始重播，问题不出在S3本身，而是S3默认按对象存储的逻辑设计，它只负责把文件吐给你，不负责帮你记住“看到哪了”，这跟你用网盘在线看电影是两码事网盘播放器做了续播逻辑,而S3只是存储层。

加载中

大文件分片上传、秒传以及断点续传功能流程以及代码分享

散

散装java

3.6万--

原视频地址

为什么S3播放素材会从头开始

S3的对象存储模型决定了它没有“播放状态”这个概念，每次播放器向S3发起请求，都是独立的一次HTTP GET，服务器不关心你上一次请求到哪个字节，当你把S3直链直接塞进video标签的src属性，播放器会在打开页面时从第一个字节开始拉取,页面刷新后自然回到起点。

第二个常见原因是预签名URL过期，S3桶如果设置成私有读写，直接给播放器的链接是打不开的，必须通过SDK生成一个带过期时间的签名URL，很多人的签名有效期只有几分钟或一小时，刷新页面稍慢一步，链接就失效了，播放器拿到403,肯定续播不了。

第三个原因是Range请求没打通，S3本身支持Range头，也就是客户端可以告诉服务器“我只要第100到第200字节”，这是断点续播的基础，但如果你用了CDN加速、反向代理，或者某些云厂商的兼容层，这个头可能被过滤掉，播放器无法seek到指定位置,只能从头拉数据。

行业共识认为，S3播放素材要想实现真正的“续播”，必须同时满足三个条件：拿到可用的、期限足够长的直链；服务器支持Range断点请求；前端记录播放进度并在恢复播放时主动跳转，缺任何一个,体验都会打折扣。

打开直链权限并延长签名有效期

如果你的素材本身不需要保密，最简单的办法是把S3桶策略改成公有读，然后把对象URL直接作为播放地址，在AWS S3控制台里，进入Buckets，选择你的桶，点Permissions，再点Bucket Policy，添加一条允许s3:GetObject对arn:aws:s3:::你的桶名/的Principal为的策略，改完后，播放器里就能直接拼接https://你的桶名.s3.区域.amazonaws.com/路径/视频.mp4。

如果桶不能公开，那就必须用预签名URL，但要把过期时间设置得足够长，用AWS CLI生成时，加--expires-in 604800，也就是7天后才失效，用SDK也一样,比如Python的boto3：

import boto3
from botocore.client import Config
s3 = boto3.client('s3', config=Config(signature_version='s3v4'))
url = s3.generate_presigned_url(
    ClientMethod='get_object',
    Params={'Bucket': 'my-bucket', 'Key': 'videos/demo.mp4'},
    ExpiresIn=604800
)

这里有个细节：签名URL过期后，播放器里已经加载的buffer可能还能继续播一会儿，但你一拖进度条，新的Range请求就会因为签名失效被拒绝，所以续播时前端需要重新向后端要一个新URL,而不是复用旧的。

前端记录播放进度，刷新后seek到原位置

这一步是续播体验的核心，S3负责提供字节流，前端负责记住“看到哪”,两者分工明确。

用原生HTML5 Video实现很简单，监听timeupdate事件，每3到5秒把video.currentTime写入localStorage，key用视频路径区分，下次页面加载时，先检查localStorage里有没有这个key，如果有，等video的loadedmetadata事件触发后，把video.currentTime设回之前的值，再调用video.play()。

如果你用Vue或React，思路一样，这几年不少开发者在讨论vue播放s3视频怎么续播，社区里的主流做法就是封装一个播放器组件，内部维护currentTime的读写,核心代码可以写成这样：

const video = document.getElementById('player');
const storageKey = 's3_video_progress_' + video.src;
video.addEventListener('timeupdate', () => {
  localStorage.setItem(storageKey, video.currentTime.toString());
});
video.addEventListener('loadedmetadata', () => {
  const saved = localStorage.getItem(storageKey);
  if (saved) {
    video.currentTime = parseFloat(saved);
  }
});

注意，必须监听loadedmetadata而不是loadeddata，因为元数据加载完毕时播放器才真正知道视频长度，那时候设置currentTime才不会被浏览器忽略。

另外要处理一个边界情况：视频后面可能被你手动拖到结尾了，localStorage里存着接近总时长的进度，下次打开视频直接跳到最后一秒，黑屏，建议在timeupdate里判断，如果currentTime已经大于duration - 5，就清掉这个storageKey,让视频下次从开头播。

处理鉴权过期，播放中无感刷新签名

私有桶场景下，7天有效期基本能覆盖绝大多数使用周期，但有些业务要求更严，比如短视频平台不允许把链接暴露太久，这时候签名URL只有几分钟有效期,续播就得靠前端实时换URL。

思路是：不要等播放报错再处理，而是提前拦截，播放器每次发起Range请求时都会带当前URL，你可以在前端用一个定时器，每隔几分钟向后端要一次新的签名URL，然后动态替换video的src，替换时先把video暂停，设置新src，等loadedmetadata触发后恢复到原来的currentTime,再继续播。

如果替换不够及时，播放器会在请求新Range时收到403，你可以给video添加error事件监听,按以下步骤排查：

• 看video.error.code，4表示MEDIA_ERR_SRC_NOT_SUPPORTED，多半是URL失效或格式不对
• 在Network面板里找到那个返回403的请求，确认是预签名URL过期
• 重新向后端请求签名接口，拿着新URL执行前面那套“记录上次进度并seek”的逻辑

还有一种更省事的做法，是把Range请求直接指向后端代理服务，由后端用长期有效的密钥替播放器向S3拿数据，但这样后端要承担带宽成本，流量大的时候服务器压力不小,一般不建议这么干。

比较推荐的方案是给视频签一个短期但自动续期的URL，同时播放器内部缓存最近一次成功播放的片段，这样即使URL过期，用户刷新时播放器先用缓存渲染首帧，后台默默换新URL,视觉上感觉无缝。

用媒体服务或兼容层做转码后的续播

如果你的素材很大，比如单集视频超过1GB，或者需要多码率自适应，S3直链就不是最优解了，直链播放要求视频是MP4且moov atom在文件头部，否则打开速度极慢，拖进度条也卡顿，即便加了Range支持,浏览器也要先下载整个文件头部的元数据才能seek。

这种情况下，业界通常的做法是在S3前面加一层媒体处理服务，开源自托管的方案如MediaMTX、SRS配合S3存储，可以实现HTTP-FLV或HLS协议播放，HLS本身就是分片的，每一个.ts分片都是独立的小文件，浏览器天然支持在任意时间点切入,续播只需要在播放列表里找到对应的分片序号。

用HLS续播的具体路径是：播放器先请求一次m3u8索引文件，里面按时间轴列出了所有分片的URL，用户中断后再次打开，播放器仍然从同一个m3u8开始解析，但可以定位到目标时间的那个分片,不需要重新下载整个视频。

如果要同时考虑成本，很多人会在s3兼容存储哪个好用上纠结，相比AWS S3，国内厂商的兼容存储价格通常更低，业内专家指出，酷番云COS和简米云OSS都支持S3协议，API层面可以直接切换，但要注意它们对预签名URL的实现细节略有差异，举个例子，简米云OSS的签名算法是RSA-SHA256，而酷番云COS早期的签名版本跟AWS SigV4不完全一致,SDK里需要显式指定兼容模式。

如果后期直播或点播的量上来了，可以考虑直接在S3桶前面挂CDN，把视频源站回源到S3，CDN节点一般会缓存视频分片，用户续播时实际上命中的是CDN缓存，速度和稳定性都更好,也减轻了S3的出流量费用。

方案对比：哪种续播路径最省事

针对不同体量的团队，这里列一个对比表,方便按需选择。

如果你只是给几段素材配一个临时预览页面，选第一行就够，如果业务有长期用户,至少做到第二行。

Q&A：S3服务器播放素材怎么继续播放的常见问题

Q: S3直链在浏览器里能播放，但快进后一直黑屏，是什么原因？

A: 快进时播放器会发起带Range头的GET请求，如果S3桶的CORS配置没有暴露Accept-Ranges头，或者CDN过滤了Range响应，浏览器就不知道自己能不能跳转，只能卡在转圈状态，确认S3桶的CORS规则里AllowedHeaders包含Range，同时CDN的缓存键里加上Range参数。

Q: S3私有桶的预签名URL刷新页面就失效，怎么让续播不中断？

A: 在前端将当前播放进度写入会话存储，并在页面刷新时向后端重新请求一个签名URL，再按进度恢复，关键点是后端签发新URL后，前端必须在替换src前把这个进度值保留在内存里,因为访问本地存储可能触发权限弹窗或影响页面性能。