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"}
控制台报错信息:
浏览器原生不支持flv格式和RTMP协议,你可能
需要flv.js或使用videojs的flash播放器(videojs的html5播放器就是个video的皮肤,格式不支持姑且还能通过Media Source Extensions来解决(比如flv.js),协议不支持就没得办法了)或更改后端直播输出的协议和格式