Làm cách nào để bạn định cấu hình S3 và Cloud Front để truyền video HTML5? Đã thử tất cả mọi thứ

Question

Tôi đã thử nhiều, nhiều cấu hình, tệp, mã hóa, trình duyệt khác nhau, v.v., nhưng đây là ví dụ đơn giản nhất thể hiện sự cố tôi đang gặp phải.

Nếu bạn dán url cho video mẫu cho JSPlayer trong FF 8.0.1, video chơi inline:

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

Nếu tôi mất cùng video và tải nó lên xô s3 của tôi, nó gây nên tải về thay vì:

https://s3.amazonaws.com/turingvideos/oceans-clip.webm - hoặc - http

(Quyền được đọc cho tất cả mọi người trên các tập tin và xô)

Vì vậy, hãy thử Cloud Front.

d2yat6m71lu23b dot dot CloudFront ròng slash đại dương-clip.webm (tải về kích hoạt)

Và Mây Mặt trận trực tiếp:

strzsu4h2ax96 chấm chấm CloudFront ròng slash đại dương-clip.webm (spinner vô hạn)

Những điều cơ bản tương tự cũng xảy ra khi sử dụng thẻ video html. Hoạt động tốt từ zencoder, borked trên bất cứ điều gì khác hơn là đọc đĩa địa phương.

Vì vậy, thuật toán quản lý zencoder là hoàn toàn nằm ngoài tầm với của tôi với S3/CloudFront? Tôi hoàn toàn bối rối.

Chỉnh sửa:

Đặt loại nội dung và bố cục thành "video/webm" và "nội tuyến" đã thực hiện thủ thuật. Cảm ơn những người phản ứng nhanh.

Answer 1

Sử dụng quản lý web S3 giao diện điều khiển (https://console.aws.amazon.com/s3), chọn xô của bạn, nhấp chuột phải một trong các file video của bạn, chuyển sang tab siêu dữ liệu và thiết lập 2 tiêu đề:

• Content-Type: bất cứ video của bạn kiểu nội dung tập tin là
• Content-Disposition: inline

Ngoài ra, hãy chắc chắn phân phối CloudFront của bạn được thiết lập như là một bản phân phối "streaming" và không phải là một "tải" một.

Edit:

Từ các tài liệu AWS:

máy chủ CloudFront không xác định loại MIME cho các đối tượng mà họ phục vụ. Do đó, khi bạn tải một đối tượng lên nguồn gốc của mình, bạn nên đặt tiêu đề Kiểu nội dung của đối tượng.

Nguồn: http://docs.amazonwebservices.com/AmazonCloudFront/latest/DeveloperGuide/ObjectMIMEType.html