@vanwei-wcs/video-player v0.2.8

wcs-video-player

🚀 wcs 视频播放器组件 🌈. 快速方便的播放WCS平台设备视频.

安装

npm i @vanwei-wcs/video-player

使用

import wcsVideoPlayer from ' @vanwei-wcs/video-player'
import ' @vanwei-wcs/video-player/themes/base.css'

// vue template里面代码
<wcsVideoPlayer
  ref="player"
></wcsVideoPlayer>

组件api

属性 Attributes

组件的props

options解释

事件 Events

方法 Methods

recordMessage解释

• params

• ext_info

不必传，根据api接口自定义

sendMessage参数解释

• message

api接口，msg_id可以设置为0，组件内部有自增数字去设置

• ctx

执行上下文,具体值有params和cb, params是一个对象，可以放入任何值；cb是一个回调函数，当发送消息时，会添加一个message中msg_id对应ctx的map，当组件内部获取到服务端发来的消息时，如果msg_id的map存在，会执行cb方法(params作为参数)，具体使用方法参照下方示例

const message = {namespace:"wcs/main",request:"xxxx"}
const ctx = { params:{ a:'aaa' }, cb:sendMessageCallback }
// const ctx = { params:{ a:'aaa' }, cb:sendMessageCallback.bind(this) } // 有this指向问题使用这种方式

sendMessage(message,ctx)

function sendMessageCallback(res,params){
  console.log(res) // api接口返回数据
  console.log(params) // { a:'aaa' }
}

字典定义

const VideoStatus = {
  vConnect: 0, // 开始连接
  vStart: 1, // 开始播放
  vPlay: 2, // 正在播放
  vPause: 3, // 暂停
  vStop: 4 // 停止
}

const VideoSpeed = [0.0625, 0.125, 0.25, 0.5, 1, 2, 4, 8, 16]