流媒體視頻 - jwplayer，亞馬遜s3和cloudfront

我在亞馬遜s6b99lczhnef6.cloudfront.net有一個流媒體發佈。起源是S3中的一個桶。存儲區中有一個視頻video.mp4。它是公開的。我想測試流媒體視頻與jwplayer，下面是代碼：流媒體視頻 - jwplayer，亞馬遜s3和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>

視頻是不是在玩。沒有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

不，你不需要提供一個bucketname。雲端分佈已經指向一個桶。

來源

2012-07-10 19:50:37

amazon documentation適用於JW Player 5.9，JW Player的文檔在使用CloudFront流時相當稀少。 As briefly explained here，指定流源已與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 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，亞馬遜s3和cloudfront

回答

相關問題