直播网站使用html5播放器,前端web页面通过VUE集成H5直播、点播播放器LivePlayer

基于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

.....

.....