带有 video.js 闪存回退的 HTTP 动态流答案

【问题标题】：HTTP Dynamic Streaming with video.js flash fallback带有 video.js 闪存回退的 HTTP 动态流
【发布时间】：2014-02-25 22:44:15
【问题描述】：

我正在评估用于直播的 video.js 闪存回退功能。我可以使用 RTMP 或 Adobe HTTP 动态流进行流式传输。

但是，似乎不支持任何选项，

这是我的演示设置

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup="{}">
   <source src="http://mysite.com:1935/live/android.stream/manifest.f4m" type="video/mp4" />  
   <source src="rtmp://mysite.com/live" type="video/mp4" />
   <source src="http://mysite.com:1935/live/android.stream/playlist.m3u8" type='video/mp4' />

这是我在萤火虫控制台中看到的

不支持“video/mp4”的指定“type”属性。媒体资源http://mysite.com:1935/live/android.stream/manifest.f4m 加载失败。

不支持“video/mp4”的指定“type”属性。媒体资源 rtmp://mysite.com/live 加载失败。

【问题讨论】：

Video.js 在他们的主页上吹捧播放器支持实时 HHTP 流式传输（不是 RTMP），但有零文档来支持这一点。所以我们等待......
新版本刚刚发布，具有适当的 RTMP 支持。

标签： video.js

【解决方案1】：

我浏览了 video.js 的源代码（JavaScript 和 ActionScript），但找不到任何对清单文件的支持。这是我也希望看到的功能...

【讨论】：

我也找不到播放RTMP流的方法:-(
@MarkoRistic - VideoJS 支持 RTMP 是什么意思？没想到……
您只能通过Flash Player播放RTMP；它是由 Adobe 构建的自定义协议。我知道这个线程很旧，但我怀疑任何新的自定义 HTML5 视频播放器（包括 JWPlayer 和 VideoJS）都将支持播放 RTMP（除了通过 Flash 后备）。通过 HTTP 流式传输视频（使用清单和视频块）是未来。

【解决方案2】：

video.js 现在支持 Rtmp 一个例子可以通过使用已经打包的文件或者这个来看到：

<!DOCTYPE html>
<html>
<head>
  <title>Video.js</title>


  <link href="video-js.css" rel="stylesheet" type="text/css">
  <script src="video.js"></script>
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" width="640" height="264" data-setup='{ "techOrder": ["flash"] }'>
  <!-- Stream testing -->
  <source src="rtmp://rtmp.jim.stream.vmmacdn.be/vmma-jim-rtmplive-live/jim" type='rtmp/mp4'>
</video>

      <p>Source from: <a href="http://support.akamai.com/flash/">http://support.akamai.com/flash/</a></p>
</body>
</html>

希望这对目前陷入困境的任何人有所帮助我知道这已经死了一段时间了。

【讨论】：