程序员经验分享-hwhale

Video.js / Contrib-HLS 在大多数浏览器中无法播放 HLS（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）

2024-06-18

我正在构建一个视频播放器，需要播放 HLS 直播和点播流。

似乎仅在 Safari 中运行良好。 （减去我需要更新的自定义样式，忽略它） 在所有其他浏览器中我收到此错误：

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

我缺少什么？看起来与 contrib-hls 演示页面实现非常相似，它在所有浏览器中都运行良好。

这是回购协议：https://github.com/adult-swim/adult-swim-video-player https://github.com/adult-swim/adult-swim-video-player要查看的分支是feature-latest-versions

为了进行测试，我实际上使用了从 videojs-contrib-hls 演示页面下载的视频：http://videojs.github.io/videojs-contrib-hls/ http://videojs.github.io/videojs-contrib-hls/

这是我初始化 VideoJS 的地方：https://github.com/adult-swim/adult-swim-video-player/blob/feature-latest-versions/app/scripts/views/adult-swim-video-player.js#L56 https://github.com/adult-swim/adult-swim-video-player/blob/feature-latest-versions/app/scripts/views/adult-swim-video-player.js#L56

这是代码的两个编译版本：
http://www.adultswim.com/dev/as-player/ http://www.adultswim.com/dev/as-player/- 一经请求
http://www.adultswim.com/dev/as-player-live/ http://www.adultswim.com/dev/as-player-live/ - live

我正在使用这些版本：
视频.js：5.5.2
videojs-contrib-hls：1.3.4
视频贡献媒体源：2.4.4


您的 mime 类型不正确：<source src="video/test.m3u8" type="video/mp4">.

结果是播放器将尝试以 html5 技术（html5 视频元素）播放视频，因为它可以播放 MP4。在 Safari 上，视频将播放，因为视频元素也支持 HLS，但在没有本机 HLS 支持的浏览器上，视频将会中断。

使用正确的 mime 类型application/x-mpegURL这样 videojs-contrib-hls 就可以在其他浏览器上启动。

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

videostreaming

videojs

httplivestreaming

m3u8

Video.js / Contrib-HLS 在大多数浏览器中无法播放 HLS（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED） 的相关文章

  • GingerBread 上的 MediaPlayer 框架和 Apple 的 HTTP 实时流媒体支持

    根据发行说明 StageFright 取代了 GingerBread 版本中的 OpenCore 框架 似乎有很多讨论说 从 Android 2 3 开始默认支持 Apple 的 HTTP Live 流媒体 即便是维基百科 http en

  • Videojs仅添加播放控件

    我在用Video js在我的网页中播放视频 我想将播放器控件自定义为仅播放按钮 我的代码是

  • 使用媒体播放器的 Android http 直播流媒体 URL

    我正在尝试播放一个网址 但它没有播放 我使用的代码如下 logcat 显示 Mediaplayer 错误 1 1002 开始状态为 0 且错误 38 0 为什么 我哪里出错了 你能帮我看看怎么玩吗 import java io IOExce

  • 如何重现错误“由于暂停纯视频背景媒体以节省电量，播放（）请求被中断”？

    介绍 作为我项目的一部分 我有一个接收视频流的播放器 我希望它在流开始和结束时自动播放和自动停止 因此我引入了一个检查来查看流是否处于活动状态并在每种情况下启动和 或停止播放器 这是一个企业网站 有时有多达 3000 名用户同时观看视频流

  • 来自 http 直播 m3u8 文件的 FFMPEG mp4？ [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 如何从 http 直播 m3u8 文件中提取 mp4 我尝试了下面这个命令 ffmpeg i input file f rawvideo

  • jmeter恒定视频流

    我正在使用 Jmeter 来加载测试视频流 我可以传递登录信息 但我需要让 Jmeter 在提供视频流的页面上 保持 我怎样才能做到这一点 我已经设置了 cookie 管理器 如果视频流不在您的服务器上 您根本不需要测试它 例如 如果您的网

  • 使用 Clapprjs 在网页上流式传输 .m3u8

    我使用 nginx rtmp 将 rtmp 转换为 hls 并使用 Clappr 在网页中进行流式传输 但 Clappr 采用旧的 ts 段 导致 404 错误 因为它在服务器上被删除 如何解决这个问题 抱歉 这是我第一次使用 nginx

  • 用于 AR 的 Android 视频流捕获

    我希望能够从 Android 手机摄像头捕获视频 然后处理该视频 处理涉及向直播流添加一层 AR 这在安卓上可行吗 很确定应该是这样 我查看了android网站 http developer android com guide topics

  • 视频文件中的感兴趣区域

    这是我第一次在这里发帖 希望能得到积极的结果 因为我的研究已接近尾声 我想在我的代码中添加一个函数 该函数将仅处理视频文件的定义的感兴趣区域 我无法发布图片 因为我还没有声誉 但这里发布了同样的问题 gt http answers open

  • Raspberry Pi 无延迟（<10ms）视频流

    我正在基于 Raspberry Pi 构建四轴飞行器 我想通过蜂窝连接将网络摄像头的视频流式传输到我的计算机 我尝试了 ffmpeg 和 mjpg 但它必须有很大的延迟才能仅通过观看视频来控制 Quad 我的问题是是否可以以非常小的延迟 如

  • Apple 针对 http 直播流媒体应用程序的政策

    这里有要求 http developer apple com library ios documentation NetworkingInternet Conceptual StreamingMediaGuide UsingHTTPLive

  • 将多个实时视频流拉入 WPF

    我想创建一个应用程序 将由同轴电缆 hdmi 或其他标准提供的多个实时视频源拉入 WPF 中进行操作 即应用一些转换或像素着色器 然后将其输出到监视器 开始使用这个应用程序时我会考虑什么 有没有任何硬件可以让事情变得更容易 如果您通过同轴电

  • FFmpeg - 来自 NodeJS 的 RTMP 流，流比实时更快

    我的目标是在 Node 中渲染画布 并将该画布流式传输到 RTMP 服务器 最终是 Twitch 但现在我正在在本地 RTMP 服务器上测试 流式传输到 RTMP 的标准方式似乎是ffmpeg 所以我使用它 从 NodeJS 中作为子进程生

  • 如何仅在使用 ffmpeg 添加相同速度的分离音频流时更改视频速度？

    我正在使用 ffmpeg 作为视频过滤器 但是 当我改变视频速度时 我遇到了问题 音频比视频长 ffmpeg i INPUT mp4 filter v setpts 0 5 PTS shortest y preset ultrafast O

  • 使用FFMpeg确定视频类型，然后进行转换？

    我正在尝试以编程方式确定文件的真实类型 看来我必须使用 FFMPeg 来实现这一点 我想确定上传的文件实际上是否是 MP4 或 FLV 对于 Flash 视频 或 WebM 对于 HTML5 我知道 FFMPeg 中的 i 运算符 但我不知

  • 使用 mp4box 直播破折号内容

    我正在尝试直播H 264内容到HTML5使用媒体源扩展 API 下面的方法效果很好 ffmpeg i rtsp 10 50 1 29 media video1 vcodec copy f mp4 reset timestamps 1 mov

  • 当用户寻找另一个时间时，计算 HTML5 视频流中的 .m4s 片段文件后缀

    我使用 Mp4Box 为长 MP4 视频创建了固定长度的片段 Mp4Box 创建一个元信息文件mv init mp4和像这样的片段mv 1 m4s mv 2 m4s 我使用 HTML5 媒体源扩展流式传输视频 并且流式传输工作正常 问题是我

  • 在 Cocoa OS X AVPlayer 中播放 HLS (m3u8) - Swift

    基本上我正在尝试在 Cocoa Swift 中使用 AVPlayer 播放 m3u8 HLS Live Stream 我对这门语言比较陌生 所以基本上掌握了一些示例代码 http qiita com ono matope items 23d

  • 如何使用 ejabberd 进行视频通话？

    如何使用ejabberd进行视频通话 如msn和skype ejabberd 本身不处理音频 视频 音频和视频通过 Jingle XEP 0166 进行处理 这是客户端到客户端的 如果您想发出音频或视频呼叫 您应该确保两个客户端都通过正常的

  • 通过 TCP 查看 h264 流

    我有一个用于无人机的小型基于 wifi 的 FPV 相机 我已经成功地使用 python 下载并保存 h264 文件 TCP IP 193 168 0 1 TCP PORT 6200 BUFFER SIZE 2056 f open stre

随机推荐

  • Mxnet - 缓慢的数组复制到 GPU

    我的问题 我应该如何在 mxnet 中执行快速矩阵乘法 我的具体问题 数组复制到 GPU 的速度很慢 对此我们能做些什么呢 我创建随机数组 将它们复制到上下文中 然后相乘 import mxnet as mx import mxnet nd

  • 如何导入 boto3 ssm ParameterNotFound 异常？

    我想import the exception当一个boto3 ssm找不到参数get parameter 我正在尝试添加一些额外的内容ssm的功能moto图书馆 但我现在很困惑 gt gt gt import boto3 gt gt gt

  • 检查用户是否存在于 Active Directory 中

    我正在使用 vb net 我想检查 Active Directory 中是否存在特定用户 如果是 我想显示特定用户的详细信息 怎么做 用户登录凭据通过文本框控件传递 My code Dim de As DirectoryEntry GetD

  • React：设置 State 或设置 Prop 而无需重新渲染

    Problem 目前 我有一个LoginForm具有 成功 处理函数的组件handleOnSuccess 然后将其链接到父组件onTokenUpdate由 令牌更新 处理函数定义的属性handleUpdateToken 问题是setStat

  • if(pointerVar) 与 if(pointerVar!=NULL) 相同吗？

    简单的问题 Is if pointerVar 与if pointerVar NULL 也是if pointerVar 与if pointerVar NULL 给我你在技术上最正确 迂腐的答案 这两种说法看起来和操作起来都是一样的 前者有什么

  • 如何在 Detectron2 中计算并集交集？

    我正在使用 Detectron2 进行对象检测 我已经注册了 pascalvoc 数据集并训练了一个检测模型 如何计算测试数据集的平均 IOU 我知道 detector2 有一个用于计算 IOU 的预定义函数 即 detectorron2

  • Django model.foreignKey 并返回 self.text 错误

    所以我正在 Django 中处理 model py 但遇到了 2 个 pylint 错误 我不明白为什么 这是 pylint 的问题还是我在代码中做错了什么 E1120 No value for argument on delete in

  • JSON.stringify 对于大型对象来说非常慢

    我在 javascript 中有一个非常大的对象 大约 10MB 当我对其进行字符串化时 需要很长时间 因此我将其发送到后端并将其解析为一个对象 实际上是带有数组的嵌套对象 这也需要很长时间 但这不是我们在这个问题中的问题 问题 我怎样才能

  • JavaFX：在 WebView img 标签中未加载本地图像

    以下是我的代码 一切安好 我可以加载远程页面 我可以放置 HTML 内容 但我的img标签显示一个X标志表示无法加载图像 Note 我的图像与类位于同一个包中JavaFX在 Smiley 文件夹中 我可以列出所有图像 这意味着路径没有问题

  • 如何添加不确定的进度条

    我的应用程序 UI 是使用 Android 支持库构建的 但目前没有我的应用程序真正需要的 不确定的 进度条的 AppCompat 版本 我宁愿不使用任何第三方库来实现材料设计进度条 所以我想知道是否有人坐在有关为什么它不包含在支持库中的信

  • 汇编PC相对寻址模式

    我正在研究数据路径 并一直在尝试理解分支指令 这就是我的理解 在 MIPS 中 每条指令都是 32 位 这是 4 个字节 所以下一条指令将是四个字节之外 举个例子 我说PC地址是128 我的第一个问题是理解这个128意味着什么 我目前的信念

  • 为什么使用 LAMP 托管时避免使用 CGI for Python？

    我已经使用 PHP 多年了 最近我在论坛上看到很多帖子说PHP 已经过时了 现代编程语言更简单 更安全等等 所以 我决定开始学习Python 由于我习惯使用 PHP 因此我刚刚开始通过上传 htaccess 文件来构建页面 addtype

  • 更新 Maven 项目模块中的父版本

    我有一个奇怪的场景 我有一个项目 Y 它有一个模块 X 和一些其他模块 X 是项目 Y 的一部分 但它不作为该项目的模块链接 因此 每次发布 Y 的新版本时 都需要有人手动更新 X 中的父版本 我需要以这样的方式更新 Y 项目 a 每次发布

  • 如何将日期格式从 DD/MM/YYYY 或 MM/DD/YYYY 更改为 YYYY-MM-DD？

    我需要使用 C 更改日期字符串的格式 来自 06 16 2010 或 16 06 2010 至 2010 06 16 你能帮我实现这个目标吗 thanks 如果您已经将其作为DateTime use string x dt ToString

  • Acumatica - 使用 api 创建客户付款方式

    使用 API 创建客户付款方式的正确方法是什么 这也将回答如何使用具有键值对的网格而不是仅将值存储到特定字段中 该代码已经使用并正常运行了近一年 然后从本周早些时候开始它不再起作用 Connect to Acumatica context

  • Haskell 中实例声明的参数顺序切换

    我想进行实例声明 但自由类型变量不是最后一个变量 例如 我有一个类声明 class Poppable m where tryPop m a gt Maybe a m a 现在我想让 Q PSQ 优先级队列 成为 Poppable 的实例 具

  • 线程缓存和 Java 内存模型

    我正在尝试了解 Java 内存模型和线程 据我了解 每个线程都有 主 内存的本地副本 因此 如果一个线程尝试更改int变量 例如某个对象的变量 它会缓存int变量 如果它更改它 其他线程可能看不到更改 但是如果线程缓存一些对象而不是 int

  • 如何使用 r 中的 caret 包在最佳调整超参数的 10 倍交叉验证中获得每次折叠的预测？

    我试图使用 R 中的插入符包使用 10 倍交叉验证和 3 次重复来运行 SVM 模型 我想使用最佳调整的超参数获得每次折叠的预测结果 我正在使用以下代码 Load packages library mlbench library caret

  • 在 jQuery 中获取最接近元素的形式

    我编写了这个 js jquery 脚本来检查表单中的所有复选框 它工作得很好 但是这会检查页面上的所有复选框 无论它们是什么表单包装器 这是函数 function toggleCheck state var checkboxes jQuer

  • Video.js / Contrib-HLS 在大多数浏览器中无法播放 HLS（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）

    我正在构建一个视频播放器 需要播放 HLS 直播和点播流 似乎仅在 Safari 中运行良好 减去我需要更新的自定义样式 忽略它 在所有其他浏览器中我收到此错误 VIDEOJS ERROR CODE 4 MEDIA ERR SRC NOT

热门标签