javascript - 带直播的VideoJs-6ren

javascript - 带直播的VideoJs

转载作者：太空宇宙更新时间：2023-11-04 14:37:56

24

4

我正在尝试让 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" 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>

最佳答案

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

关于javascript - 带直播的VideoJs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21849961/

24

4

0

文章推荐： c++ - 胡萝卜括号在 C++ 中有什么作用？

文章推荐： javascript - 重新定位多部分/表单数据提交按钮

文章推荐： C++ : Calling inherited static method from static method

文章推荐： javascript - backgroundSize "cover"不适用于 Firefox

javascript - 尝试使用 VideoJS、VideoJS-YouTube、VideoJS-Playlist 和 VideoJS-Playlist-UI
我在一个网站上工作，我试图制作一个自定义主题播放列表来播放 YouTube 上托管的视频。我已经在网站的另一部分成功地一起使用了 VideoJS 和 VideoJS-YouTube，但是在引入 Vid
javascript - 如何通过 webpack 使用 videoJS 和 videoJS 播放列表以及 videoJS 播放列表 ui
我有一个使用 symfony 的项目，我使用 encoreJS 作为前端。实际上我制作了一个视频列表播放器并且工作正常。但我想使用 videojs-playlist-ui 来制作 example 但是
youtube - videojs-youtube + videojs-playlist插件
我发现了videojs播放列表的各种插件。有些需要修改才能与最新版本一起运行。我还发现了可以运行youtube视频的插件。我需要知道，是否可以同时运行两个插件。就像我想通过同一播放器运行音频，视频和
javascript - VideoJS - videojs.getComponent(...) 未定义
我正在使用一个允许我在 video-js 中显示广告的插件。 https://github.com/dirkjanm/videojs-preroll/blob/master/lib/videojs.a
jquery - 当一个 VideoJS 实例启动时，如何暂停页面上所有正在播放的 VideoJS 实例？
我现在想出了这个解决方案: var myPlayer1 = _V_("ID1"); var myPlayer2 = _V_("ID2"); ... ... va
javascript - 将 videojs 与 videojs-ima 插件捆绑在一起
我正在尝试(已经几天)完成非常简单的任务:构建一个 javascript 文件，捆绑所有必要的部分以使用 Google IMA 广告播放视频，但我仍然面临一些错误(主要是 player.ads not
videojs+swiper实现淘宝商品详情轮播图
本文实例为大家分享了videojs+swiper实现淘宝商品详情轮播图的具体代码，供大家参考，具体内容如下这个引用了videojs和swiper。实现效果类似淘宝商品详情中的轮播图，首张轮播为视
videojs html5 视频检索相对于实时内容的绝对时间
我正在使用 VideoJs(使用 HTML5 播放器)播放来自 DASH 或 HLS 源的实时内容。我想知道实际播放内容与实际直播内容相差多少。我该怎么做？有一个 player.currentT
nginx - Videojs - 流未运行时隐藏错误
我已经设置了 videojs 播放器并获得了一个 HLS 流以通过 OBS 传输到播放器。当 OBS 正在运行并将视频发送到流时，播放器上会出现播放按钮，它看起来很正常，但是当没有任何内容流式传输到页
javascript - 停用模式后停止视频(videojs)
我使用videojs插件自定义视频播放器。我有30个模态，每个模态(Youtube，Dailymotion，Vimeo)中都有一个不同的视频。我添加了两个按钮next / prev，以在每个模式之
javascript - VideoJS YouTube视频无法在台式机Chrome的iframe中播放
我正在其他域的iframe中从https://github.com/videojs/videojs-youtube加载/videojs-youtube/examples/simple.html示例页面
youtube - videojs，手动触发不同的youtube网址
我对手动(单击按钮)使用videojs使用相同的html video标签(如果可能)触发播放不同的youtube url感兴趣。我看到了这段代码，这使我希望这是可行的:http://jsfiddle
javascript - VideoJS - 按播放按钮后禁用自动全屏
由于 JWPlayer 可笑的定价政策，我转向了 VideoJS。问题是，当用户在 iOS 上启动视频时，它会切换 native 全屏。我希望控制面板在全屏模式下可用，但我还无法管理它。代码:
javascript - VIDEOjs 可拖动进度条
我有最新的videojs(版本:7.6.6)。是否可以使进度条可拖动？当前状态:当我在进度条上移动鼠标时，第一件事是播放器等待下载几帧，然后移动。想要:我可以将鼠标(单击状态 = mouseDo
javascript - VideoJS-动态更改源
我希望动态更改我的 VideoJS 播放器的视频源。我尝试了一种直接通过 DOM 更改源的方法，它确实改变了它，但播放器需要重新加载。所以看这里的官方API:http://docs.videojs.c
javascript - videojs 以编程方式更改音轨
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 5 年前。 Improve this ques
javascript - VideoJs 以分钟和秒而不是微秒显示当前时间
所以我制作了一个脚本来在播放器之外显示当前时间，一切正常。问题是它以微秒为单位渲染，我想将其显示为 H:MM:SS 这是代码，以便您可以理解我在说什么: HTML T
javascript - Videojs - 如何动态更改视频海报
我想制作一个播放列表，视频源和海报是动态加载的。这是我的代码 var myFunc = function(){ var myPlayer = this; var xmlhttp; xmlhttp =
android - VideoJS 不适用于移动设备
我正在使用 VideoJS 播放文件服务器提供的视频。这些文件是 mp4 格式，并且在任何桌面浏览器上都可以正常工作(使用 Flash 后备)。但是，它们在移动设备上根本不起作用。作为引用，请随时查看
javascript - Videojs 在不使用任何插件的情况下显示自定义消息
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 3 年前。 Improve this qu

首页

博学

6Ren·AI

商城

javascript - 带直播的VideoJs