2012-10-29 52 views

回答

6

已經發現MediaElementJs確實支持視頻流。它是免費的。

看看這個問題如何可以用於流 - Video streaming from Amazon S3 CloudFront using Mediaelement.js

看到this comment一個例子。

Mediaelement.js確實支持視頻流。

從一些服務器的視頻流(如形成亞馬遜S3 CloudFront的) 「源」 標籤應使用:

<video width="320" height="240" preload="none"> 
    <source src="rtmp://someurl.cloudfront.net/cfx/st/mp4:filename.mp4" type="video/mp4" /> 
</video> 

實時流flashstreamer選項應該被使用(看this comment):

<video class="mejs-player" data-mejsoptions='{flashStreamer:"rtmp://170.93.143.150/rtplive/000109f6004b00a6004af03676235daa"}'> 
    <source src="000109f6004b00a6004af03676235daa" type="video/rtmp"> 
</video> 

請注意,RTMP示例僅適用於Flash,不適用於html5。因爲html5不支持RTMP。

3

檢查videojs。它是一個基於html5的視頻播放器。

  1. 它有能力以流MP4,WEBM,OGG文件,而不需要服務器端的球員,如JWPlayer等

  2. 不需要安裝在客戶端瀏覽器

  3. 此外provive閃光重量Flash播放器的瀏覽器和設備不支持HTML5
  4. 它的開源和免費

  5. 要以mp4格式播放s3流媒體視頻,帶有videojs播放器,請查看howto

希望這有助於

+0

根據你的意思是「流媒體」videojs可能不是正確的答案;它似乎不支持RTMP。它僅支持Flash後備,通過簡單的舊HTTP/HTTPS播放視頻文件,這通常不是人們在就Flash使用「流式傳輸」時所表達的意思。這就是說我們已經能夠在下載完成之前使用它來獲取HTTP視頻。 –

+0

@ChrisMoschini現在可能videojs [支持RTMP](http://blog.videojs.com/post/60471080014/video-js-4-2-0-released-rtmp-css-designer-and)。 – ChrisW

0

我已經使用了Flowplayer's HTML5 player成功。一個沒有品牌的副本的成本是95美元,但如果你不介意水印標誌,它是免費的。它很好的維護,記錄和支持。

下面是我與亞馬遜S3 /流的Cloudfront安裝中使用的設置:

<!-- JS setup --> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
<script type="text/javascript" src="/flowplayer/flowplayer.min.js"></script> 
<script type="text/javascript"> 
flowplayer.conf = { 
    swf: '/flowplayer/flowplayer.swf', 
    rtmp: 'rtmpe://XXXXXXXXXXXXX.cloudfront.net/cfx/st', 
    embed: false, 
    key: 'XXXXXXXXXXXX', 
    fullscreen: true, 
    tooltip: false, 
    native_fullscreen: true 
}; 
</script> 
<!--[if lt IE 9]><script src="/library/html5shiv.js"></script><![endif]--> 

<!-- Player --> 
<div id="streaming-embed-1366642298000-64v7ndxkzd" class="flowplayer no-volume no-mute play-button"> 
    <video> 
     <source type="video/flash" src="mp4:1366642298000-64v7ndxkzd"> 
     <source type="video/mp4" src="https://XXXXXXXXXXXXX.cloudfront.net/1366642298000-64v7ndxkzd.mp4"> 
     <source type="video/flv" src="https://XXXXXXXXXXXXX.cloudfront.net/1366642298000-64v7ndxkzd.flv"> 
    </video> 
</div><!--// end .flowplayer --> 

免責聲明:我與的Flowplayer沒有隸屬關係任何

相關問題