Wie konfigurierst du S3 und Cloud Front, um HTML5-Video zu streamen? Versuchte alles

Ich habe versucht, viele, viele verschiedene Konfigurationen, Dateien, Codierung, Browser, etc..., aber dies ist das einfachste Beispiel, das veranschaulicht das problem, das ich habe.

Wenn Sie fügen Sie die url für das Beispiel-video für JSPlayer in FF 8.0.1, das video spielt inline:

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

Wenn ich das gleiche video und laden Sie es auf mein s3-bucket, den es auslöst, download statt:

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

(Berechtigungen Lesen für alle, die auf die Datei und Eimer)

So, lassen Sie uns versuchen, die Cloud Vor.

d2yat6m71lu23b dot cloudfront dot net slash Ozeane-clip.webm (download-trigger)

- Und Cloud-Front-streaming:

strzsu4h2ax96 dot cloudfront dot net slash Ozeane-clip.webm (infinite spinner)

Den gleichen grundlegenden Dinge, die passieren, wenn mit einem html-video-tag, wie gut. Funktioniert von zencoder, geschlafen auf etwas anderes als der lokalen Festplatte Lesen.

So, was Magie ist zencoder die Verwaltung, das völlig außerhalb meiner Reichweite mit S3/CloudFront? Ich bin völlig ratlos.

Edit:

Einstellung der Inhalts-Typ und die Veranlagung zum "video/webm" und "inline" hat den trick. Danke für die schnelle Antwort Jungs.

InformationsquelleAutor der Frage turing1 | 2012-01-06

  1. 47

    Mithilfe der S3-web-management-Konsole (https://console.aws.amazon.com/s3), wählen Sie Ihre Eimer mit der rechten Maustaste auf eine Ihrer video-Dateien wechseln Sie auf die Metadaten-Registerkarte und legen Sie 2 überschriften:

    • Content-Type: was auch immer Ihre video-Datei den content-type ist
    • Content-Disposition: inline

    Stellen Sie außerdem sicher, dass Ihre CloudFront-Verteilung wird als "streaming" - distribution und nicht ein "download".

    Edit:

    Aus der AWS-docs:

    CloudFront-Server nicht bestimmen Sie den MIME-Typ für die Objekte, die Sie dienen. Daher, wenn Sie hochladen von Objekten auf Ihre Herkunft, Sie sollten das Objekt Content-Type-header.

    Quelle: http://docs.amazonwebservices.com/AmazonCloudFront/latest/DeveloperGuide/ObjectMIMEType.html

    InformationsquelleAutor der Antwort Lior Cohen

Schreibe einen Kommentar