由于项目需要,前端需要使用vue播放rtmp的视频流。弄了好久,貌似所有的帖子都是说使用
npm install vue-video-player --save // 注意我安装的是5.0.2版本的
npm install videojs-flash --save
或者
npm install vue-video-player --save // 注意我安装的是5.0.2版本的
npm install video-flash --save
第一个还能安装上,第二个干脆404报错。有能安装的大神我只能说你牛逼。 但是不管是第一个,还是第二个其实都没有什么用途。 rtmp这个协议好像是flash弄的一个协议,但是现在flash前端都停用了,你还用flash的协议去搞视频流,最后的最后就是一路报错,把人都搞疯了。
突然看到一个帖子是:ossrs的,看他的意思貌似是使用http-flv是可以播放的。所以我就想办法,把视频推送到ossrs上面, ossrs可以自动转换成http-flv的协议。他出来就是个http的或者https的视频链接。一下子就可以播放了。
这里还有个问题,就是迅雷等下载工具,把鼠标放在视频画面上会自动显示下载按钮,让人烦不胜烦。但是http-flv的协议亲测没问题。flv还有好几个好处,期待大家自己发掘,发掘出来别忘了留言