2012-10-29 53 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没有隶属关系任何

相关问题