如何配置S3和Cloud Front以流式传输HTML5视频?尝试了一切

tur*_*ng1 23 cloud html5 amazon-s3 video-streaming amazon-cloudfront

我尝试了很多很多不同的配置,文件,编码,浏览器等等,但这是演示我遇到的问题的最简单的例子.

如果在FF 8.0.1中粘贴JSPlayer的示例视频的URL,则视频将内联播放:

http://video-js.zencoder.com/oceans-clip.webm

如果我拍摄相同的视频并将其上传到我的s3存储桶,则会触发下载:

https://s3.amazonaws.com/turingvideos/oceans-clip.webm - 或 - http

(读取文件和存储桶中每个人的权限)

那么,让我们试试Cloud Front.

d2yat6m71lu23b dot cloudfront dot net slash oceans-clip.webm(下载触发器)

和云前端流媒体:

strzsu4h2ax96 dot cloudfront dot net slash oceans-clip.webm(无限微调器)

使用html视频标签时也会发生相同的基本情况.从zencoder工作正常,除了本地磁盘读取以外的其他任何东西.

那么,zencoder管理的魔力是什么,完全超出了我对S3/CloudFront的影响?我完全难过了.

编辑:

将内容类型和处置设置为"video/webm"和"inline"就可以了.谢谢你的快速反应.

Lio*_*hen 47

使用S3 Web管理控制台(https://console.aws.amazon.com/s3),选择您的存储桶,右键单击其中一个视频文件,切换到元数据选项卡并设置2个标头:

  • 内容类型:视频文件的内容类型
  • 内容 - 处置:内联

此外,请确保将CloudFront分配设置为"流式"分发,而不是"下载"分发.

编辑:

来自AWS文档:

CloudFront服务器不确定其服务对象的MIME类型.因此,将对象上载到原点时,应设置对象的Content-Type标题.

资料来源:http://docs.amazonwebservices.com/AmazonCloudFront/latest/DeveloperGuide/ObjectMIMEType.html

  • @ turing1 - 如果这个答案是您问题的解决方案,您应该将其标记为已接受的答案(投票左侧的刻度线) (8认同)