6

Amazon の s6b99lczhnef6.cloudfront.net でストリーミング配信をしています。オリジンは S3 のバケットです。バケットにはビデオ video.mp4 があります。公開です。このビデオをjwplayerでストリーミングすることをテストしようとしています.コードは次のとおりです:

<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 エラーはありません。何がうまくいかないのですか？

4

5 に答える 5

2

Amazonのドキュメントは JW Player 5.9 に対して有効であり、JW Player のドキュメントは CloudFront ストリーミングの使用に関してかなりまばらです。ここで簡単に説明したように、ストリーミング ソースの指定は JW Player 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フォルダーにあるストリーミングリソースにアクセスするときにパラメーターにこれを使用するとうまくいきました：

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

接続文字列をテストしてデバッグ出力を取得する場合は、このストリーミング診断ツールをチェックしてください。

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

于 2012-12-12T13:04:35.877 に答える
1

ファイル文字列の値をbucketname/video.mp4として指定する必要があると思います。それ以外はすべて問題ないようです。

于 2012-06-11T06:43:29.403 に答える
0

いいえ、彼は 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-11T18:41:49.110 に答える
0

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

于 2012-07-10T19:50:37.047 に答える
-4

「localhost」以外のサーバーから HTML ページをロードすると機能します。

于 2012-06-20T04:20:54.633 に答える