Question

除了Adobe Flash Player，Flowplayer和JW Player之外，哪些玩家可以使用Amazon S3 CloudFront的视频流？

我需要使用flash和html5支持来流式传输mp4。理想情况下，它应该是一个免费的解决方案。

感谢。

Answer 1

发现MediaElementJs确实支持视频流。它是免费的。

看看这个问题如何用于流媒体 - Video streaming from Amazon S3 CloudFront using Mediaelement.js

查看this comment中的示例。

Mediaelement.js支持视频流。

对于来自某个服务器的视频流（例如，表单为Amazon S3 CloudFront），应使用“source”标记：

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

Answer 2

检查videojs。这是一款基于html5的视频播放器。

它能够流式传输mp4，webm，ogg文件而无需JWPlayer等服务器端播放器。
不需要在客户端浏览器中安装Flash
同时为不支持html5的浏览器和设备提供轻量级Flash播放器
它的开源和免费
要使用videojs播放器以mp4格式播放s3中的视频，请检查此howto。

希望这有帮助

Answer 3

我过去曾经使用MediaElements.js和FlowPlayer。

MediaElements对我来说很难配置和扩展。 FlowPlayer希望当时能拿到1000美元才能删除自己的水印，而我的客户不喜欢。所以我把它们都抛弃了。

我发现Video JS-https://videojs.com/-对我个人来说是最适合开发人员的。我已经完全围绕Secure S3 Video Player plugin构建了它，并且它已经在Videojs上完美运行了很多年，并且仅需遵循Videojs文档，便可以向我的插件添加任何想要的功能。

Answer 4

你可以试试这个。这个频闪播放器也是开源的 http://www.opensourcemediaframework.com

Answer 5

我使用Flowplayer's HTML5 player取得了成功。一个没有品牌的副本确实花费95美元，但如果你不介意水印标识它是免费的。它得到很好的维护，记录和支持。

以下是我在Amazon 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没有任何关系

来自Amazon S3 CloudFront的视频流播放器

5 个答案: