当前位置: 首页 > 知识库问答 >
问题:

javascript - 在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器 ,开发模式下可正常运行,打包出现Cannot find module "video.js",有遇到这样问题?

法镜
2023-07-08

使用 vue-cli, 编辑 vue.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  externals: {
    'video.js': 'videojs',
    'flv.js': 'flvjs'
  },
    configureWebpack: {
    
      plugins: [
        new CopyWebpackPlugin([
            { from: 'externals' },
            { 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/'},
        ])
      ]
    }
  }

共有1个答案

松茂实
2023-07-08
import videojs from 'video.js';
import flvjs from 'flv.js';
 类似资料:
  • 尝试过添加loop: true、 监听视频播放结束后重新播放等方式都是h5正常,app会一直转圈

  • 播放器的设置与选择,将控制用户前台播放效果,用户可以添加多款播放器,实现同一帐号下的视频调用不同样式的播放器。 3.1添加新播放器 进入播放器页面,点击添加播放器按钮,在弹出的添加播放器页面中填写播放器相关信息,保存即可。 添加播放器页面: 播放器相关信息说明: · 播放器名称:最大字数限制10个字符(中英文均是10个字符),但不可以重复; · 播放器类型:播放器分为基础类和展示类。 基础类是常规

  • 问题内容: 我正在尝试玩 文件如此[处(1)])和here(2)所述。 (1)一个不好的例子: 第一种方法可行,但我不想依赖某些东西。第二个结果是仅播放了一些前导帧,听起来更像是单击。从ByteArrayInputStream播放时,不会是IO问题。 请与您分享为什么会发生这种情况。TIA。 问题答案: 我不确定为什么您链接的第二种方法会启动另一个线程;我相信音频还是会以自己的方式播放。剪辑播放完

  • 本文向大家介绍Vue项目中使用better-scroll实现一个轮播图自动播放功能,包括了Vue项目中使用better-scroll实现一个轮播图自动播放功能的使用技巧和注意事项,需要的朋友参考一下 前言 better-scroll是一个非常非常强大的第三方库 在移动端利用这个库 不仅可以实现一个非常类似原生ScrollView的效果 也可以实现一个轮播图的效果 这里就先记录一下自己实现这个效果的

  • 我正在学习如何为某些曲目创建媒体播放器的教程...每首歌都按我的要求播放然后停止...我想让整个播放列表播放...那是为了在前一个赛道结束后,下一个赛道自动开始... 多谢...

  • 视频直播App播放器优化 Android 设置 IOS 设置