当前位置:   article > 正文

EasyPlayer.js在vue项目中的使用

easyplayer

最近在整视频监控的东西,要用H.265的编码,因为是第一次所以记录一下

使用的是EasyPlayer.js,它功能很强大,集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器

怎么在vue项目中使用呢?

首先第一步

npm install @easydarwin/easyplayer --save

按常规到这步然后全局引用就可以了,但是EasyPlayer.js还需要配置一些文件才能使用

需要再下个依赖,不要大于6.0版本的,不然会有bug

npm install copy-webpack-plugin@5.1.2 --save-dev

然后在vue.config.js配置一下代码

  1. const CopyWebpackPlugin = require('copy-webpack-plugin')
  2. configureWebpack: {
  3. plugins:[
  4. new CopyWebpackPlugin([
  5. {
  6. from: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.swf',
  7. to: 
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/码创造者/article/detail/790748
推荐阅读
相关标签
  

闽ICP备14008679号