本文共 846 字，大约阅读时间需要 2 分钟。

基于VUE和webpck的前端工程

这里可以参考

1、安装@liveqing/liveplayer

npm -i @liveqing/liveplayer --save-dev

2、webpack.config.js 添加配置

这里是配置webpack自动copy，当然也可以手动复制到待发布的web目录，如www

....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、配置template.html

         .....        
                   
   
            .....    
   

4、.vue中使用liveplayer

4.1、 import 引入

import LivePlayer from "@liveqing/liveplayer";

4.2、 components 中添加

components: {    LivePlayer }

4.3 页面中添加组件

   
    	....   
       ....   
   

4.4 url设置

this.url = 播放的视频地址

转载地址：https://liveqing.blog.csdn.net/article/details/103314686 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！