当前位置: 首页 > Web前端 > vue.js

vue中Liveplayer的使用

时间:2023-04-01 11:53:14 vue.js

liveplayer和easyplayer的用法很相似,属性也基本相同。下面开始使用liveplayer:1.npminstallliveplayer,copy-webpack-pluginnpminstall@liveqing/liveplayernpminstallcopy-webpack-plugin@4.0.1--save-dev也可以直接在package.json中添加版本号文件,然后执行yarninstall或npminstall:"dependencies":{"@liveqing/liveplayer":"2.3.3",},"devDependencies":{"copy-webpack-plugin":"^4.0.1",}2.在vue.config.js文件中配置constCopyWebpackPlugin=require('copy-webpack-plugin')...newCopyWebpackPlugin([{from:'node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml'},{from:'node_modules/@liveqing/liveplayer/dist/component/liveplayer-lib.min.js',to:'js/'},{from:'node_modules/@liveqing/liveplayer/dist/component/liveplayer.swf'},{from:'node_modules/@liveqing/liveplayer/dist/element/liveplayer-element.min.js',to:'js/'},])3.在public/index.html中引入js静态资源注意:该文件的位置要和上面配置的to...一致。上面的配置是:'js/',所以最下面的地址是./js或4.在vue中使用...从'@liveqing/liveplayer'导入LivePlayer...组件:{LivePlayer}