vue+vue-video-player+RTMP+动态修改src流地址
最近为了学习srs转码用于直播,先学习搭建了一个直播网页,采用的是vue和element-ui,其中如果引入rtmp播放器让我困惑了许久,看了很多别人的博客,试了很多都不行,最后终于找到了适合我的
一、 安装vue
第一步安装vue-cli脚手架,我安装的是vue 3.12版本
//安装最新版本
npm install -g @vue/cli
//安装指定版本
npm install -g @vue/cli@指定版本
创建vue新项目
vue create 文件名
//进入该文件
cd 该文件
//启动项目
yarn serve || npm run serve
二、安装element-ui和router(根据自己需求,我用element-ui设计页面)
//element-ui
vue add element
//router
vue add router
三、利用vue-video-player设计播放器
1.在文件根目录shell命令行中安装vue-video-player与videojs-flash
npm