vue+vue-video-player+RTMP+动态修改src流地址

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