带直播的 VideoJs

2024-01-09

我正在尝试让 videoJs 处理实时流,我有一个包含 rtmp 实时流的链接。

播放器本身有一个链接:
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 上并且它起作用了。因此,我从逻辑上可以说的是,这些文件必须位于网络服务器上,播放器才能工作。
这对我有用,不确定是否可以在本地完成,但我让它工作的唯一方法是在网络服务器上

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带直播的 VideoJs 的相关文章

  • 显示地址栏时的 100vh 高度 - Chrome Mobile

    I came across this problem a few times and was wondering if there was a solution to this problem My problem occurs on th
  • 重置输入控件的边框颜色 (HTML/Javascript)

    有谁知道使用 javascript 修改输入控件后如何重置它的边框颜色 通过突出显示其中包含不正确或无效数据的字段等来进行验证非常有用 例如 改变边框 document getElementById myinput style border
  • navigator.platform 在 ARM Mac 上的价值是什么?

    苹果有released https www apple com apple events november 2020 几款基于采用 ARM 架构的 M1 芯片的新计算机 与之前基于 x86 架构的计算机相比 的价值是多少navigator
  • Cordova - 已弃用尝试访问非导航器对象上的属性“userAgent”

    我正在尝试让我的 Cordova iPhone 应用程序在 iOS 8 1 中运行 在 7 中工作正常 从 8 开始出现以下错误 Deprecated attempt to access property userAgent on a no
  • 如何切换整个页面的深色主题?

    我已经成功地在 html 和 Flask 中按下复选框时切换深色主题和浅色主题 但是我怎样才能让深色主题覆盖整个页面 而不仅仅是一些 div 元素呢 边距仍然是浅色主题 CSS代码如下 container display flow widt
  • 调整发散堆积条形图以使用通用更新模式

    我一直在使用可用的堆积条形图示例here https bl ocks org mbostock b5935342c6d21928111928401e2c8608使用以下代码 var data month Q1 2016 apples 384
  • JavaScript 将 NULL 转换为 0

    我正在使用 jQuery 来获取元素的高度 但如果该元素不存在 以下代码将返回 NULL height menu li active ul height returns integer or null 这是一种跨浏览器安全的方法 可以使用以
  • 如何为 chrome 和 ie favicon(加载指示器)设置动画

    我的 PM 有一个要求 将图标更改为动画加载图像 仅当我将 link href 指向 gif 文件时 它才适用于 Firefox 我做了一些研究 发现 chrome 不支持动画图标 但wiki https en wikipedia org
  • 在没有全局变量的情况下对多个事件使用 Promise 回调

    我有一个包含在函数中的承诺 我将使用不同的输入参数多次调用该函数 每次承诺解决时 我都会将解决的值推送到存储数组中 当我所有的调用承诺都得到解决后 我将在其他函数中使用这个存储数组 是否有任何干净的方法可以在不使用 全局 变量的情况下进行设
  • Google Apps 脚本:如何水平对齐 inlineImage

    我有以下代码 它是一个更大程序的一部分 我正在尝试将图像从我的 Google 驱动器插入到 Google 文档中 并调整其大小并居中 到目前为止 我能够让程序插入图像并调整其大小 但我不知道如何使 inlineImage 居中 我是使用谷歌
  • Scrapy在页面上找不到表单

    我正在尝试编写一个自动登录的蜘蛛这个网站 https www athletic net account login ReturnUrl 2Fdefault aspx 但是 当我尝试使用scrapy FormRequest from resp
  • 动态多个延迟 jQuery Ajax 调用

    使用 jQuery 的延迟模式http api jquery com jQuery when http api jquery com jQuery when 我正在尝试进行多个 jsonp ajax 调用并等待结果 然后再进行下一步 我可以
  • 同步通用分析

    新的Universal Analytics重新引入了同步事件跟踪 https developers google com analytics devguides collection analyticsjs method reference
  • 如何在 C# 中通过 JavaScript 回调运行 QUnit 测试并获取测试结果?

    在我的几个项目中 我使用 MVC 模式将代码 关注点 分为 3 层 模型层和控制层都在 C 上运行 因此我使用 MSTest 或 NUnit 等测试框架来验证这些层的功能需求 对于视图层 我使用 QUnit 来测试 JavaScript 文
  • JavaScript 不是 DOM 的一部分吗?

    为什么即使从 DOM 中删除用于创建脚本的代码 脚本仍然可以运行 我遇到了一种情况 我想阻止损坏的脚本运行 查看我的帖子 https stackoverflow com questions 2685581 is there a way to
  • 错误:Javascript 上的 [object Object]

    当我在 Firebug 中运行下面的 javascript 时 我不断收到错误 我已经尝试更改多项内容 但它仍然输出错误 我正在使用 api 从 XML 检索信息 然后将其输出到屏幕上 但我不断收到对象错误 有人能看出为什么吗 任何帮助表示
  • 在 Div 的两个顶角创建一个三角形,用边框划分

    通过遵循以下问题和答案 我能够在 div 的右上角获得一个三角形 Div 中的右上角三角形 https stackoverflow com questions 18531959 how to create triangle shape in
  • RIMM 流文件格式中各个帧的格式是什么

    我正在尝试从黑莓设备捕获一些视频帧并将其作为图像进行操作 特别是进行条形码解码 我找到了一些示例代码和规范文档 其中演示了如何使用 J2ME MMAPI 类将视频从设备的摄像头流式传输到文件和输出流 流媒体文件采用 RIM 专有的 RIMM
  • angular-cli:Karma-Webpack 因“没有此类文件或目录”而失败

    我从Tour of Heroes使用标准 Angular systemjs 现在我正在使用angular client它在开发 生产模式下运行顺利 但我无法测试任何东西ng test 以下内容会被吐出 不仅适用于test ts但也为了pol
  • 获取不正确的日期,将时间戳转换为新日期

    我正在尝试将时间戳转换为日期 但得到的日期不正确 我正在开发一个使用 Angular 和 Typescript 的项目 我有这样的时间戳 1451642400 2016年1月1日 和1454320800 2016年2月1日 如果我编码 da

随机推荐

  • python 中如何判断连接是否已断开

    我希望我的 python 应用程序能够知道另一端的套接字何时被删除 有没有办法呢 简短回答 使用非阻塞recv 或者阻塞recv select 超时时间短 长答案 处理套接字连接的方法是根据需要进行读取或写入 并准备好处理连接错误 TCP
  • 使用 Spring Data Rest 时公开所有 ID

    我想使用 Spring Rest 接口公开所有 ID 我知道默认情况下这样的 ID 不会通过其余接口公开 Id GeneratedValue strategy GenerationType IDENTITY Column unique tr
  • C# MVC4 Web API - 生成的 JSON 应返回对象而不是对象的 $ref

    我有一个使用 EntityFramework for ORM 的 ASP NET MVC 4 Web API 应用程序 在我返回的 JSON 中 在某些情况下 多个父节点存在相同的子节点 在这些情况下 子节点的第一次出现及其所有成员都是完全
  • 根据角度中的用户ID从数据库获取用户角色

    我正在使用 身份验证服务 来保留所有用户身份验证功能 当用户通过身份验证时 我获取用户的 ID 并从数据库表中获取相关记录 但无法获取 角色 字段的值 我在构造函数中使用的代码是这样的 constructor private firebas
  • 强制解析可选组

    我正在尝试创建一个从报告文件中提取数据的正则表达式字符串 棘手的部分是我需要这个单个正则表达式字符串来匹配多个报告文件内容格式 我希望正则表达式始终匹配 即使未找到某些可选组 取以下报告文件内容 Note 2 缺少 val2 部分 文件 1
  • 如何使用 C# 下载并解压 gzip 压缩文件?

    我需要定期下载 提取并保存内容http data dot state mn us dds det sample xml gz http data dot state mn us dds det sample xml gz到磁盘 有人有使用
  • 是否可以分解functions.php 文件?

    我目前正在开发一个 WordPress 网站 选择的购物平台是 WooCommerce 我想创建一系列模板文件 在content product single php文件 其中包含数学计算 由于某种原因 数学计算似乎只有在放入functio
  • HTTPS 适用于闪亮的应用程序?

    有什么想法可以将 HTTPS 添加到 Shiny 应用程序吗 我遇到了下面的一些指南 但不确定它们是否可靠 只需 4 个简单步骤即可向 Shiny 服务器添加身份验证 https auth0 com blog adding authenti
  • Akka Actors:需要一个例子来理解一些基础知识

    我正在修改 Akka 需要一些建议来实现我想要的特定内容 我想要一个可以发送给我的演员DownloadFile URI File 消息并下载 由于这可以并行 我不想一个接一个地下载文件 但并发下载有限制 用 Akka 建模这样的东西的预期方
  • 使用Python水平组合多个图像

    我正在尝试在 Python 中水平组合一些 JPEG 图像 Problem 我有 3 张图片 每张图片都是 148 x 95 请参阅附件 我刚刚制作了同一张图像的 3 个副本 这就是为什么它们是相同的 我的尝试 我正在尝试使用以下代码水平连
  • QT QTcpServer::incomingConnection(qintptr 句柄)未触发?

    我第一次尝试使用 Qt 创建多线程服务器 通常我们会使用由QTcpServer nextPendingConnection 套接字句柄已经嵌入 但由于我在单独的线程上与连接客户端进行交互 所以我需要使用单独创建套接字qintptr hand
  • 在manifest.xml 文件中使用-permission 与 android 权限的权限

    我注意到清单文件中有两种类型的权限 permission 和 uses permission 如下所示的两种
  • Pandas:根据行值选择列

    我有一个非常大的pandas Dataframe并希望通过选择其中一行具有特定值的所有列来创建一个新的数据框 A B C D E Region Nord S d West Nord Nord value 2 3 1 2 4 2 0 5 1
  • SQL 字符串拆分为单列

    对 SQL 非常陌生 但我需要一些帮助 我确信这是一个简单的修复 我在名为 Produce 的表中有一列数据 其中水果类型存储在名为 Fruit 的列中 此列中的某些值以逗号分隔 有没有一种简单的方法来分割下面的内容 以便结果作为唯一条目的
  • 如何在使用 gradle 依赖项时排除多个组

    就像这段代码 dependencies compile com wdullaer materialdatetimepicker 3 2 2 exclude group com android support module support v
  • Python - 获取所有目录中的文件扩展名计数

    我们有一个硬盘驱动器 里面有数十万个文件 我需要弄清楚我们有多少个文件扩展名 我怎样才能用Python做到这一点 我需要它来遍历每个目录 我公司的律师需要这个 它可以是整个硬盘的总计 不必按目录细分 example 1232 JPEG 11
  • 当某张幻灯片出现在reveal.js中时执行函数

    我用这个 javascript 框架创建了一个演示文稿http lab hakim se reveal js http lab hakim se reveal js 当某些幻灯片出现时 我想执行函数 stats 它每 5 秒显示来自 API
  • 将动画 .GIF 设置为 Android 背景

    我是 Android 新手 在布局背景中播放动画 gif 文件时遇到问题 当我运行应用程序时 背景是动画 gif 的单帧 就像图片一样 我主要做了两个方面的研究 下面的链接是我获得最多帮助的地方 Android 操作系统入门 BlogSpo
  • 从字符串获取 doubleValue 时如何防止四舍五入?

    我从服务器获取字符串格式的纬度和经度 然后我通过使用默认的 doubleValue 函数将纬度和经度值转换为双精度值来使用此纬度和经度 但使用此值进行四舍五入 那么 从字符串获取 doubleValue 时如何防止四舍五入 这是我的代码 C
  • 带直播的 VideoJs

    我正在尝试让 videoJs 处理实时流 我有一个包含 rtmp 实时流的链接 播放器本身有一个链接 rtmp rtmp jim stream vmmacdn be vmma jim rtmplive live jim我目前只是想让直播流在