Vue2使用easyplayer

说一下easyplayer在vue2中的使用，vue3中没测试，估计应该差不多，大家可自行验证。

安装：

pnpm i @easydarwin/easyplayer

组件封装

习惯性将其封装为单独的组件

 引入使用

报错处理

会发现控制台有下面报错 

看到报错不要慌，大家跟着我处理

首先我们安装个插件(注意：不要大于6.0版本的，不然会有bug ，还会有乱七八槽的报错)： 

pnpm add [email protected] --save-dev

然后在vue.config.js中： 

const { defineConfig } = require("@vue/cli-service");
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = defineConfig({
  // easy-player  相关
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          from: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.swf',
          to: './libs/EasyPlayer/'
        },
        {
          from: 'node_modules/@easydarwin/easyplayer/dist/component/crossdomain.xml',
          to: './libs/EasyPlayer/'
        },
        {
          from: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js',
          to: './libs/EasyPlayer/'
        }
      ])
    ]
  },
  transpileDependencies: true,
  lintOnSave: false,
  productionSourceMap: false
});

配置上之后还没完，还需要在public/index.html 引入EasyPlayer-element.min.js，可以直接在node_modules里找到@easydarwin/easyplayer下的dist/element/EasyPlayer-element.min.js复制到pubilc目录下,还有需要EasyPlayer.wasm同样放到public目录下如下所示：

 

然后在public/index.html下再引入即可 

这样就OK了！