npm install copy-webpack-plugin@4.0.1 --save-dev 也可在package.json文件中直接添加版本号,然后执行yarn install 或 npm install: "dependencies": { "@liveqing/liveplayer": "2.3.3", }, "devDependencies": { "copy-webpack-plugin": "
1. 三、复制依赖文件 在node_modules下找到这三个文件 将他们复制到public文件夹下 四、在index.html中引入liveplayer-lib.min.js 1. 五、在vue组件中使用 <template><!--视频播放--><LivePlayer:videoUrl="videoUrl"live muted stretch></LivePlayer></template>importLivePlayerfrom"@liveqing/liveplayer";exp...
一、应用场景 在开发vue项目时,需要播放视频通常会使用vue-video-player插件进行播放,由于我们的项目需要对监控视频进行实时播放控制,且是flv的格式,使用这个不支持,flv.js也会出现一些奇奇怪怪的问题 经过不同的播放器技术预演,推荐使用LivePlayer H5播放器。 网站有提供不同视频流在线演示网站 前端篇 播放器api地址:...
3、配置template.html <!DOCTYPEHTML>...<!--这里的路径是上一步copy,相对于www目录的相对路径,最终目的让浏览器可以访问到这个js-->... 4、.vue中使用liveplayer 4.1、 import 引入 importLivePlayerfrom"@liveqing/liveplayer"; 4.2、 components 中添加 components: { LivePlayer } 4.3 页面中添加组件 ...<...
该操作需登录 Gitee 帐号,请先登录后再操作。 立即登录 没有帐号,去注册 编辑仓库简介 简介内容 LivePlayer H5 播放器, 使用 vue3 集成示例 主页 取消 保存更改 1 https://gitee.com/livegbs/liveplayer-vc3.git git@gitee.com:livegbs/liveplayer-vc3.git livegbs liveplayer-vc3 liveplayer-vc3 master北...
1.1.2、若使用 vue-cli, 编辑你的 vue.config.js const CopyWebpackPlugin = require('copy-webpack-plugin'); module.exports = { configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: 'node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml'}, ...
使用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/@liveqi...
并在vue.config.js文件中添加这样一段配置 const CopyWebpackPlugin = require('copy-webpack-plugin') module.exports = { //其它配置省略 ... configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: 'node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml'}, ...
安装使用(Install) 安装 vue2 npm install @liveqing/liveplayer vue2 + vue-cli 集成 Gitee 示例 或下载版本包 vue3 npm install @liveqing/liveplayer-v3 vue3 + vite 集成 Gitee 示例 在Vue 中使用 第一步 复制依赖文件(示例 通过 webpack 插件自动复制依赖) ...
LivePlayer for vue3 强大的网页直播/点播播放器,使用简单,功能强大,终身免费 支持WebRTC 播放; 支持m3u8 播放; 支持HTTP-FLV 播放; 支持Websocket-FLV 播放; 支持RTMP 播放; 支持直播和点播播放; 支持播放器快照截图; 支持点播多清晰度播放; 支持全屏或比例显示; ...