带直播的 VideoJs

Posted

技术标签:

【中文标题】带直播的 VideoJs【英文标题】:VideoJs with live stream 【发布时间】:2014-03-17 23:33:29 【问题描述】:

我正在尝试让 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 我目前只是想在 videoJs 播放器上播放直播我已经让本地视频工作了只是无法理解如何让直播工作。 这是我目前所拥有的 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"  
      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>

【问题讨论】:

【参考方案1】:

所以我对此进行了更多调查,发现这是因为我试图在本地执行此操作。我把我的代码放到了 JsFiddle 上,它工作了。所以我能从逻辑上说,文件必须在网络服务器上才能让播放器工作。这对我有用,不确定是否可以在本地完成,但我可以让它工作的唯一方法在网络服务器上

【讨论】:

【参考方案2】:

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

【讨论】:

我试过它只会破坏播放器。如果我在类型为rtmp/flv 时点击播放按钮,播放器就会中断。【参考方案3】:

类型需要是

type="rtmp/mp4"

如果您希望直播工作,并且如果您希望设备切换工作,您需要另一个来源

type="application/x-mpegurl"

【讨论】:

以上是关于带直播的 VideoJs的主要内容,如果未能解决你的问题,请参考以下文章

直播带货怎么做?直播带货新手入门教程

直播带货怎么合作?

怎么搭建变装和带货直播间?变装直播带货怎么实现的

国家严控直播带货,直播电商的机会来了-云推机

电商怎么起号做直播带货需要注意什么

直播带货小程序开发大概需要多少钱