直播流前端显示基于vue-videojs实现(PC端显示rtmp协议的流,手机端显示hls协议的流,配不出来你砍死我上铺!!)
前端显示
rtmp视频流仅能在pc端使用,所以我们在手机端使用hls的m3u8的流
假设你已经有自己的视频流了
先运行npm下载依赖video-js和vue-video-player
之后在vue中,直接运行下方代码(小白福利:直接新建vue项目将下方代码替换到新建项目自带的helloworld.vue里即可),将stream_video变量更改为自己的视频流,即可使用
ps:如果你有现成直接可用的rtmp和hls协议的流,你粘贴搬运完代码以后应该就可以使用了,如果你没有可供测试的流,请你继续往下看下面的步
原创
2020-06-12 16:45:14 ·
1721 阅读 ·
1 评论