VideoJs带有直播

时间:2014-02-18 09:53:28

标签: javascript html5 stream video-streaming html5-video

我正在尝试使用videoJs来处理实时流我有一个包含rtmp直播流的链接。
http://www.iptv-player.com/index.php?fdb=1&title=%20+JIMTV%20%20&stream=rtmp%3A%2F%2Frtmp.jim.stream.vmmacdn.be%2Fvmma-jim-rtmplive-live%2Fjim
而玩家本身的链接是:
RTMP://rtmp.jim.stream.vmmacdn.be/vmma-jim-rtmplive-live/jim
我目前只是想在视频播放器上播放实时视频播放器,我已经获得了本地视频,但是我无法理解如何让实时视频流工作。
这是我到目前为止的html

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="http://www.pageresource.com/wallpapers/wallpaper/bleach-ichigo-mugetsu-here-size-original_215405.jpg"
      data-setup="{}">
    <
    <source src="http://www.iptv-player.com/index.php?fdb=1&title=%20+JIMTV%20%20&stream=rtmp%3A%2F%2Frtmp.jim.stream.vmmacdn.be%2Fvmma-jim-rtmplive-live%2Fjim" type='video/mp4' />
    <!--<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>--><!-- Tracks need an ending tag thanks to IE9 -->
    <!--<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track>--><!-- Tracks need an ending tag thanks to IE9 -->
  </video>

</body>
</html>

3 个答案:

答案 0 :(得分:3)

所以我更多地了解这一点,发现这是因为我试图在本地做这件事。我将我的代码放到了JsFiddle上并且它有效。所以我可以逻辑地说,文件必须在Web服务器上才能让播放器工作 这对我有用,不确定它是否可以在本地完成,但我可以让它工作的唯一方法是在Web服务器上

答案 1 :(得分:2)

尝试将源类型更改为rtmp/flv而不是video/mp4

答案 2 :(得分:1)

类型需要

型=&#34;设rtmp / MP4&#34;

如果您希望实时流式传输工作,并且您希望设备切换正常工作,则需要使用其他来源

型=&#34;应用程序/ x-mpegurl&#34;