iwater-easyvideo
v1.1.0
Published
``` 1. 安装 yarn add iwater-easyvideo 2. import iwaterEasyVideo from 'iwater-easyvideo' 3. app.use(iwaterEasyVideo) 4. 在vue项目中,需要在public 文件夹下,新建/libs/jessibuca 文件夹,然后放入decoder.js 和decoder.wasm文件,文件可以在安装依赖之后的包内复制出来,请保证decoder.js 和decoder.wasm在目录/libs/jessibu
Downloads
4
Readme
国标视频接入前端组件包
使用方式
1. 安装 yarn add iwater-easyvideo
2. import iwaterEasyVideo from 'iwater-easyvideo'
3. app.use(iwaterEasyVideo)
4. 在vue项目中,需要在public 文件夹下,新建/libs/jessibuca 文件夹,然后放入decoder.js 和decoder.wasm文件,文件可以在安装依赖之后的包内复制出来,请保证decoder.js 和decoder.wasm在目录/libs/jessibuca目录下
5. 在vue文件项目中,使用<iwater-easy-video>组件,传递获取到的通道号和设备号就行
使用说明
// 传递通道号和设备号 -
<iwaterEasyVideo ref="playerREF" :deviceId="showVedio.channelId" :channelId="showVedio.channelId" :proxyApi="showVedio.proxyApi" />
// 定义播放器
const playerREF = ref(null)
const showVedio = ref({
channelId: '',
deviceId: '',
proxyApi: 'videoApi', //默认是videoApi,配置这个前缀后,需要配置nginx 代理到国标平台的接口
}
更新日志
1. libs url改成动态的