vue html5播放流媒体,【Web前端问题】vue-video-player无法播放rtmp

3ff371f0b0764e000fd7ea9c473c9bc9.png

cb20e5d0504dffebf427762b4e80a210.png

按照教程。感觉没问题了 源我也测试过了,都可以使用,但是就是播放不了一直再报这个错误很蛋疼。

video.cjs.js?0e26:441 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.

有大佬帮忙看下吧

回答:

已经测试可以播放rtmp

首先,除了安装vue-video-playe,还需要手动安装videojs-flash

这里要注意,安装的时候要用npm,不要用cnpm

fbdefd2c0957e6d849a5c1c2f28a1258.png

然后就是配置了

cd7880b17edb0a9468fbad1b1174926d.png

这里用了湖南台的直播流,亲测可用,

地址:”rtmp://58.200.131.2:1935/livetv/hunantv”

最后就是浏览器允许运行flash了

如果成功了,小小支持一下,谢谢

回答:

npm install –save videojs-contrib-hls

4a9c395bce7a5572d53d20c43db9e128.png

回答:

请问 后来解决了吗? 怎么解决的?

回答:

试着引入 “videojs-flash “插件 看看能不能使用

回答:

解决了嘛?我也碰到这样的问题了

回答:

试用了vue-video-player 5.0.2可以播放rtmp视频,步骤如下:

npm install vue-video-player --save

vue-video-player中已经写明了依赖的video.js和videojs-flash版本,因此不用再手动install

55aa5cf71c259d20a9ebdaecfd694cac.png

没有做全局的引入,只在页面修改

html:

971ab11ae41776ea9ad8fc805f5732cb.png

js:

dd1fbbeef8323d7ecaabbf8973d73a59.png

css: (播放图标看大家都用圆的,cv过来)

dba805383033ca3d4a514a12ee15bdb4.png

tips:

1.测试rtmp地址网上随便找的,有试过楼主那个香港电视台的,现在貌似不可用了

2.swf类型文件未添加解析错误,只需在webpack.base.conf中用url-loader解析swf路径即可

回答:

1.引入videojs-flash,vue-video-player里面已经带了这个插件,所以不用再单独install,直接引入

471c1ea94422efb9eeb62266e497b514.png

2.页面允许播放flash

6784f50a6abda1f29b3c920b26f4be0d.png

我这样操作成功了

回答:

这个不也不行呀….这个视频传过来给了src就是不能播放

回答:

有人解决了么 提供一下方案

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值