1.0.8 • Published 2 years ago

yl-jcinvcc v1.0.8

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

yl-jcinvcc

使用说明

引入依赖

将node_modules/yl-jcinvcc/libs/* 文件夹下的文件拷贝到public文件夹并通过script标签引入

<script src="<%= context.config.publicPath +'libs/socket.io.js'%>"></script>

<script src="<%= context.config.publicPath +'libs/jssip.min.js'%>"></script>

<script src="<%= context.config.publicPath +'libs/jcinvccbar-pure.min.js'%>"></script>

创建对象

import Jcinvcc,{ JcinvccInstance } from 'yl-jcinvcc';//引入js
import 'yl-jcinvcc/dist/es/style/index.css';//引入样式文件

const { makeCall, makeCallVideo } = JcinvccInstance

<Jcinvcc jcinvccState={jcinvccState} tenantId={tenantId} userList={[]}/>

属性 props

描述类型默认值描述
jcinvccStateBooleantrue是否显示拨号控制台
userList{id, label, value, avatar, orgname}[]id:唯一标识, label:中文名, value:电话号码, avatar:头像, orgname:结构名称
rouletteRender(Store) => ReactNode-自定义操作盘
makeCallRender(Store) => ReactNode-自定义拨号盘
mailListRender(Store) => ReactNode-自定义通讯录
configUrlstring-自定义配置获取接口
getAccountUrlstring-自定义账号获取接口
returnAccountUrlstring-自定义账号释放接口

JcinvccInstance 实例对象接口

描述类型描述
makeCall(phone:String) => void拨打电话
makeCallVideo(phone:String) => void拨打视频电话
disconnect() => void挂断电话
mute(0/1) => void静音
snapShot() => void截取对面视频图像
connect(phone:String) => void邀请第三方加入聊天
updateMedia() => void切换拨打电话类型(语音/视频)
switchVideoSource() => void桌面分享
setRouletteVisible(Boolean) => void设置操作盘显隐
setMakeCallModalVisible(Boolean) => void设置拨号盘显隐
setMailListModalVisible(Boolean) => void设置通信录显隐

自定义组件

import { inject, observer } from "mobx-react";
import Jcinvcc,{ JcinvccInstance } from 'yl-jcinvcc';//引入js
import 'yl-jcinvcc/dist/es/style/index.css';//引入样式文件


const  rouletteRender = (Store) => {
  const { isCalled } = Store;
  return <div>{isCalled}</div>;
}


<Jcinvcc rouletteRender={rouletteRender}/>

Store 属性

描述类型默认值描述
isInitialedBooleanfalse是否初始化中,展示初始化 loading
mailListModalVisibleBooleanfalse是否显示通讯录
isCalledBooleanfalse是否拨打电话
isCallingBooleanfalse是否正在呼叫电话中
callTimestring-通话计时
isMuteBooleanfalse是否静音
rouletteVisibleBooleanfalse是否显示操作盘
makeCallModalVisibleBooleanfalse是否显示拨号盘
isConnectBooleanfalse是否接通电话
makeCallingModalVisibleBooleanfalse是否正在呼叫电话
phoneTypestring'audio'拨打电话类型
callPhonestring-当前拨打电话号码
userList{id, label, value, avatar, orgname}[]id:唯一标识, label:中文名, value:电话号码, avatar:头像, orgname:结构名称
manyPeopleList[][]当前多人会话人员数组