LiveGBS GB28181国标流媒体服务livePlayer 在vue中使用 且控制摄像头

livePlayer的说明文档:
https://www.liveqing.com/docs/manuals/LivePlayer.html#%E4%BA%8B%E4%BB%B6-event
1、安装:

   npm install @liveqing/liveplayer
   npm i -D copy-webpack-plugin 

2、引入:
在webpack.dev.conf.js / vue.config.js文件下plugins中声明插件new CopyWebpackPlugin引入和声明插件:

const CopyWebpackPlugin = require('copy-webpack-plugin')

......
plugins: [
  new CopyWebpackPlugin([
     { from: 'node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml'},
     { from: 'node_modules/@liveqing/liveplayer/dist/component/liveplayer.swf'},
     { from: 'node_modules/@liveqing/liveplayer/dist/component/liveplayer-lib.min.js', to: 'js/'}
  ])]
......

3、在index.html中引入:

  
 

4、使用:

  




效果:


image.png

你可能感兴趣的:(LiveGBS GB28181国标流媒体服务livePlayer 在vue中使用 且控制摄像头)