wcs-wwav-talk

🚀 wcs 视频对讲组件 🌈.

安装

npm i @vanwei-wcs/wwav_talk

使用

// main.js
import WwavTalk from ' @vanwei-wcs/wwav_talk'
Vue.use(WwavTalk)

// vue template里面代码
    <WwavTalk
      :ref="wwav_talk"
      :device-path="form.path"
      :userinfo="LoginParams"
      :ws-url="WCS_URI"
    />

组件api

属性 Attributes

组件的props

|参数|说明|类型|可选值|默认值| |---|---|---|---|---| |ws-url|websocket连接地址，必传|string|-|-| |userinfo|获取websocket登录鉴权的参数，方法需返回一个对象，内容是{username:'username',password:'password'}，对象里面字段的含义请参照wcs api文档，必传|Obejct|-|-| |device-path|设备路径. 例：‘/dist_24/link_1/175e4059-1c59fd/0’|string|-||-| |defaultStyles|使用默认样式，如果自己写样式可通过refs更改，参考原属性和方法|Boolean|true / false|true|

userinfo解释

|参数|说明|类型|可选值|默认值| |---|---|---|---|---| |username|用户名|string|-|-| |password|密码|string|-|-|

原属性

|参数|说明|类型|可选值|默认值| |---|---|---|---|---| |is_full_duplex|对讲模式是否为全双工|Boolean|true / false|false| |is_talk|是否说话|Boolean|true / false|false| |is_send_noise|没有麦克风时发出噪音（用于测试设备发声）|Boolean|true / false|false|

方法 Methods

|事件名|说明|参数| |---|---|---| |init|初始化|-| |startTalk|开启对讲|-| |closeTalk|关闭对讲|-|