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

标签 html5 flash video-streaming rtmp

除了Adobe Flash播放器、FlowPlayer和JW播放器之外,我可以使用哪些播放器从Amazon S3 CloudFront进行视频流?
我需要流MP4,同时支持Flash和HTML5。
理想情况下,它应该是一个免费的解决方案。
谢谢。

最佳答案

发现MediaElementJs支持视频流。它是免费的。
看看这个问题,它是如何用于流媒体的-Video streaming from Amazon S3 CloudFront using Mediaelement.js
请参见this comment中的示例。
mediaelement.js支持视频流。
对于来自某些服务器(如Amazon 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选项,应使用(lookthis 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。

关于html5 - 来自Amazon S3 CloudFront的视频流播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13115618/

相关文章:

android - 如何使HTML5输入类型“日期”在Android上触发 native 日期选择器?

javascript - 如何创建翻书/翻页?

java - protobuf( Protocol Buffer )是否允许自定义类型?

javascript - 只有一个 mp4 文件的 MPEG-DASH 视频流

node.js - 使用 Node.js 和 React 将视频从 AWS 流式传输到网页上

html - 4个Divs彼此相邻,且高度相同,并在其下方填充

javascript - 使用javascript和html5存储空间搜索大量文本

flash - 如何制作AS3 Flash视频播放器?

android - 使用套接字 fd 将实时视频从手机流式传输到手机

css - 在巨无霸下面添加内容