videojs播放rtmp视频流时,报错:VIDEOJS: ERROR: (CODE:0 MEDIA_ERR_CUSTOM)

1. 问题描述

在react框架中,使用videojs播放实时视频监控rtmp视频流,报错:index.js:2177 VIDEOJS: ERROR: (CODE:0 MEDIA_ERR_CUSTOM) FLASH: NetStream.Play.Failed
是什么原因导致FLASH: NetStream.Play.Failed错误呢,怎么修复?谢谢!

2. 问题出现的环境背景及自己尝试过哪些方法

videojs可以播放网上找的rtmp视频流rtmp://202.69.69.180:443/webcast/bshdlive-pc,但不能播放公司提供的实时视频监控rtmp视频流。但使用VLC播放器可以播放公司提供的实时视频监控rtmp视频流。

src: "rtmp://192.168.135.217:10064/live/res=37.10000000001311000004.IV.0.0"
type: "rtmp/flv"

3. 相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

   <video
      id="my-video"
      ref={this.video}
      width="800px"
      height="500px"
    >
      <track kind="captions" />
      <source src={url} type={type} />
    </video>


4. 你期待的结果是什么?实际看到的错误信息又是什么?

期待结果:videojs能正常播放公司提供的实时视频监控rtmp视频流
实际错误信息:index.js:2177 VIDEOJS: ERROR: (CODE:0 MEDIA_ERR_CUSTOM) FLASH: NetStream.Play.Failed MediaError {message: "FLASH: NetStream.Play.Failed"}

控制台报错信息:
图片描述

阅读 12.7k
4 个回答

浏览器原生不支持flv格式和RTMP协议,你可能需要flv.js或使用videojs的flash播放器(videojs的html5播放器就是个video的皮肤,格式不支持姑且还能通过Media Source Extensions来解决(比如flv.js),协议不支持就没得办法了)或更改后端直播输出的协议和格式

新手上路,请多包涵

一样的问题,请问有解决办法吗

新手上路,请多包涵

我的版本是videojs v7.6.6, 引入videojs-flash.js, 然后地址换成"rtmp://10.180.3.82:1935/live/", live后面多加一个单斜杠,就可以正常访问了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题