GB28181国标流媒体前端接入

最新推荐文章于 2024-11-29 15:35:25 发布

小石头1024

最新推荐文章于 2024-11-29 15:35:25 发布

阅读量1.5k

点赞数

分类专栏： GB28181 实时视频直播文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_42706037/article/details/121471552

版权

首先前端需要安装流媒体播放插件liveplayer

安装命令

npm install @liveqing/liveplayer

在vue中使用

第一步复制依赖文件（示例通过 webpack 插件自动复制依赖）

安装 copy-webpack-plugin 插件, 安装命令

npm install copy-webpack-plugin@4.6.0

编辑vue.config.js

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

......

module.exports={
......
    configureWebpack:{
        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/'}
    ])
]
    
}
......
}

第二步在index.html根目录引入 liveplayer-lib.min.js