Как настроить S3 и Cloud Front для потоковой передачи видео HTML5? Все перепробовал - PullRequest
Новая
       16

Как настроить S3 и Cloud Front для потоковой передачи видео HTML5? Все перепробовал

23 голосов
/ 07 января 2012

Я перепробовал множество разных конфигураций, файлов, кодировок, браузеров и т. Д., Но это самый простой пример, демонстрирующий проблему, с которой я столкнулся.

Если вы вставите URL для примера видео для JSPlayer в FF 8.0.1, видео будет воспроизводиться в строке:

http://video -js.zencoder.com / Океаны-clip.webm

Если я возьму то же самое видео и загрузу его в свою корзину s3, вместо этого будет запущена загрузка:

https://s3.amazonaws.com/turingvideos/oceans-clip.webm -- или же -- HTTP

(права доступа считываются для каждого файла и корзины)

Итак, давайте попробуем Cloud Front.

d2yat6m71lu23b точка облачного фронта точка чистая косая черта oceans-clip.webm (триггер загрузки)

и потоковая передача Cloud Front:

strzsu4h2ax96 точка облачного фронта точка косая черта oceans-clip.webm (бесконечный счетчик)

То же самое происходит и при использовании HTML-тега видео. Отлично работает с zencoder, работает на чем-то кроме чтения с локального диска.

Итак, какая магия в управлении zencoder'ом, которая полностью недоступна для меня с S3 / CloudFront? Я полностью в тупике.

Edit:

Задание типа контента и расположения "video / webm" и "inline" сделали свое дело. Спасибо за быстрый ответ, ребята.

1 Ответ

47 голосов
/ 07 января 2012

Используя веб-консоль управления S3 (https://console.aws.amazon.com/s3),, выберите ваш сегмент, щелкните правой кнопкой мыши один из ваших видеофайлов, переключитесь на вкладку метаданных и установите 2 заголовка:

  • Тип содержимого: независимо от типа содержимого вашего видеофайла
  • Содержание-Диспозиция: встроенная

Кроме того, убедитесь, что ваш дистрибутив CloudFront настроен как потоковый, а не как загружаемый.

Изменить:

Из документов AWS:

Серверы CloudFront не определяют тип MIME для объектов, которые они обслуживают. Поэтому, когда вы загружаете объект в ваш источник, вы должны установить заголовок Content-Type объекта.

Источник: http://docs.amazonwebservices.com/AmazonCloudFront/latest/DeveloperGuide/ObjectMIMEType.html

...