Streaming Video - jwplayer, amazon s3 und cloudfront

Ich habe eine Streaming-Distribution bei s6b99lcznef6.cloudfront.net auf Amazon. Der Ursprung ist ein Bucket in S3. Der Eimer hat ein Video video.mp4. Es ist öffentlich. Ich versuche Streaming dieses Video mit jwplayer zu testen, ist nach dem Code:Streaming Video - jwplayer, amazon s3 und cloudfront

<html> 
<head> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
</head> 
<body> 
    <div id="container">Loading the player ...</div> 
    <script type="text/javascript"> 
    jwplayer("container").setup({ 
     flashplayer: "jwplayer/player.swf", 
     file: "video.mp4", 
     height: 270, 
     provider: "rtmp", 
     streamer: "rtmp://s6b99lczhnef6.cloudfront.net/cfx/st", 
     width: 480 
    }); 
    </script> 
</body> 
</html>

Das Video nicht abgespielt wird. Es gibt keine JS-Fehler. Was könnte schief gehen?

Quelle

2012-06-10 septerr

-4

Das Laden der HTML-Seite von einem anderen Server als 'localhost' funktioniert.

Quelle

2012-06-20 04:20:54 septerr

Das ist eine schwache Antwort auf Ihre eigene Frage. Wo versuchst du, ein Abzeichen oder etwas zu verdienen? –

Ich denke, Sie müssen Datei Zeichenfolge Wert als Bucketname/video.mp4 geben sonst scheint alles in Ordnung.

Quelle

2012-06-11 06:43:29

Nein, das ist nicht korrekt, weil er CloudFront verwendet. Ich sehe in-konsequente Verwendung von Zitaten. Versuchen Sie dies:

<div id="container">Loading the player ...</div> 
<script type="text/javascript"> 
jwplayer("container").setup({ 
    'flashplayer': 'jwplayer/player.swf', 
    'file': 'video.mp4', 
    'height': '270', 
    'provider': 'rtmp', 
    'streamer': 'rtmp://s6b99lczhnef6.cloudfront.net/cfx/st', 
    'width': '480' 
}); 
</script>

Hier ist ein Tutorial, das die Formatierung und Optionen im Detail erläutert. http://www.miracletutorials.com/embed-streaming-video-audio-with-html5-fallback/

Wenn das nicht funktioniert, ist es möglich, dass Ihr Video nicht für das Streaming optimiert ist. Probieren Sie dieses Tutorial, um Ihr Video zu konvertieren: http://www.miracletutorials.com/how-to-encode-video-for-web-iphone-ipad-ipod/

Ich hoffe, das hilft?

Quelle

2012-06-11 18:41:49

Aus irgendeinem Grund funktioniert das Abspielen von localhost nicht. Wenn ich den HTML-Code verwende, um einen anderen Bucket in S3 zu sagen und ihn von dort in den Browser zu laden, spielt das Video großartig (lädt ziemlich schnell!). Vielleicht gibt es einige Einschränkungen für 'localhost'? – septerr

Nein, Sie müssen keinen Bucketname angeben. Die Cloudfront-Verteilung zeigt bereits auf einen Bucket.

Quelle

2012-07-10 19:50:37

Die amazon documentation gilt für JW Player 5.9 und die Dokumentation von JW Player ist ziemlich spärlich bei der Verwendung von CloudFront-Streaming. As briefly explained here, die Streaming-Quelle spezifiziert hat mit JW Player 6. geändert Dies ist die neue Art und Weise ist eine Streaming-Quelle angeben:

<div id='mediaplayer'>This text will be replaced</div> 
<script type="text/javascript"> 
    jwplayer('mediaplayer').setup({ 
     'id': 'playerID', 
     'width': '720', 
     'height': '480', 
     'file': 'rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/your_streaming_file.mp4', 
     'primary':'flash', 
     'autostart' : 'true', 
    }); 
</script>

Wenn Strom in dem Ordner befindet, könnte man einige Probleme über die Datei Referenz. Ich bin mir nicht sicher, warum rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/folder/your_streaming_file.mp4 wäre für mich nicht (ich glaube, es hat etwas mit URL-Codierung zu tun hat), was jedoch unter Verwendung von für den file param wenn eine Streaming-Ressource in einem Ordner für mich gearbeitet befand Zugriff:

rtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/mp4:folder/your_streaming_file.mp4

Wenn Sie Ihre Verbindungszeichenfolge testen und eine Debugging-Ausgabe erhalten möchten, checkout this streaming diagnostic tool.

Sie müssen keinen Bucketname irgendwo im Einbettungscode angeben.

Quelle

2012-12-12 13:04:35 iloveitaly

Streaming Video - jwplayer, amazon s3 und cloudfront

Antwort

Verwandte Themen