HTTP动态流媒体与video.js闪回后备

时间:2013-01-03 13:31:02

标签: video.js

我正在评估用于直播的video.js闪回后备功能。 我可以使用RTMP或Adobe HTTP Dynamic Streaming进行流式传输。

Hovewer,这些选项中的nonne似乎得到了支持,

这是我的演示设置

  <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' />

这是我在firebug控制台中看到的内容

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

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

2 个答案:

答案 0 :(得分:1)

我浏览了video.js的源代码(包括JavaScript和ActionScript),但找不到任何对清单文件的支持。 这是我还希望看到的一个功能......

答案 1 :(得分:1)

现在在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>  

希望这可以帮助任何目前卡住的人我知道这已经死了一段时间。