ストリーミングビデオ - jwplayer、amazon s3とクラウドフロント

私はAmazonでs6b99lczhnef6.cloudfront.netでストリーミング配信しています。起点はS3のバケットです。バケツにはvideo.mp4というビデオがあります。公開されています。は、私は、jwplayerでこのストリーミングビデオをテストしようとしています次のコードです：ストリーミングビデオ - jwplayer、amazon s3とクラウドフロント

<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>

動画が再生されません。 JSエラーはありません。何がうまくいかないでしょうか？

出典

2012-06-10 septerr

-4

「localhost」以外のサーバーからHTMLページを読み込むと動作します。

出典

2012-06-20 04:20:54 septerr

それはあなた自身の質問に対する弱い答えです。あなたはバッジなどを獲得しようとしていますか？ –

私はbucketname/video.mp4としてファイルの文字列の値を与えなければならないと思います。

出典

2012-06-11 06:43:29

いいえ、彼はCloudFrontを使用しているため、正しくありません。結果的に、引用符を使用しています。試してみてください：

<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>

ここでは、フォーマットとオプションについて詳しく説明するチュートリアルです。 http://www.miracletutorials.com/embed-streaming-video-audio-with-html5-fallback/

これで解決しない場合は、動画がストリーミング用に最適化されていない可能性があります。ビデオを変換するには、このチュートリアルを試してください： http://www.miracletutorials.com/how-to-encode-video-for-web-iphone-ipad-ipod/

私はこれが役に立ちますか？

出典

2012-06-11 18:41:49

何らかの理由で、ローカルホストからの再生が機能しません。 S3で別のバケットと言うHTMLを配備し、そこからブラウザにロードすると、ビデオはすばらしく再生されます（かなり高速です）。たぶん、 'localhost'にいくつかの制限がありますか？ – septerr

いいえ、バケット名を入力する必要はありません。クラウドフロントディストリビューションはすでにバケットを指しています。

出典

2012-07-10 19:50:37

amazon documentationはJW Player 5.9に有効です。JW Playerのドキュメントは、CloudFrontストリーミングを使用するとかなり疎です。 As briefly explained here、ストリーミングソースを指定すると、これは、ストリーミングソースを指定するための新しい方法ですJWプレーヤー6で変更されました：

<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>

あなたのストリームがフォルダにある場合は、上記のファイルの参照を使用していくつかの問題がある可能性があります。私は私のために働いていたrtmp://s1cxpk7od1m10r.cloudfront.net/cfx/st/folder/your_streaming_file.mp4が私のために働かない理由はわからない（私はそれがURLエンコーディングとは何かを持っていると思う）、フォルダ内にストリーミングリソースにアクセスするときしかしfileのparamのためにこれを使用して：

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

接続文字列をテストしてデバッグ出力を取得する場合は、checkout this streaming diagnostic tool。

埋め込みコードのどこにでもバケット名を指定する必要はありません。

出典

2012-12-12 13:04:35 iloveitaly

ストリーミングビデオ - jwplayer、amazon s3とクラウドフロント

答えて

関連する問題