communicate-fusion-vue-h5-beta

1. 安装

yarn communicate-fusion-vue-h5-beta
或
npm i communicate-fusion-vue-h5-beta -S

2. 使用

2.1 main.js中引入

import CommunicateFusionVueBeta from 'communicate-fusion-vue-h5-beta'
Vue.use(CommunicateFusionVueBeta)

2.2 组件中使用

<template>
    <communicate-fusion-vue-h5-beta
    ref="cfvh5Ref"
    serverUrl="http://127.0.0.1:8080"
    wss="10.21.0.17"
    selfWss="10.2.0.37:9001/ws"
    @close="closeHandle"
    @leaveMeeting="leaveMeetingHandle"
    @endMeeting="endMeetingHandle">
    </communicate-fusion-vue-h5-beta>
</template>
<script>
    mounted(){

        // 当前用户登录
        this.$refs.cfvh5Ref.login({
            username:'user2',
            account:'15423998886',
            phone:'15423998886',
            token:'' //通过网关获取的access_token
        }).then(()=>{

        })
    },
    methods:{
        closeHandle(){
            //窗体关闭
        },
        leaveMeetingHandle(val){
            //会议离开
            //返回数据为conferenceI、conferenceNumber、error
        },
        endMeetingHandle(val){
            //会议结束
            //返回数据为conferenceI、conferenceNumber、error
        },
    }
</script>

3. 参数

3.1 serverUrl

会议组件接口服务地址

3.2 wss

会话服务器地址

3.3 selfWss

自建wss服务器地址，用来解决部分海康不支持的即时通讯功能，如：麦克风禁言状态同步；

3.4 login

| 字段 | 说明 | 类型 | 备注 | |:--------:| :---------:|:---------:|:---------| | username | 用户名 | string | 参会人员姓名 | | account | 账号 | number | 传手机号，作为用户的唯一标识，防止重名 | | phone | 手机号 | number | | | token | access-token | string | 通过网关获取的access-token |

4. 方法

| 方法名 | 说明| 参数 | 返回结果 | |:--------:| :---------:| :---------:|:---------| | login | 登录wss | 参考3.4 | |

5. 事件

| 事件名 | 说明 | 返回结果 | |:--------:| :---------:|:---------| | close | 窗体关闭 | 无 | | leaveMeeting | 会议离开 | conferenceId：会议标识，conferenceNumber：会议号， error:报错时的信息 | | endMeeting | 会议结束 | conferenceId：会议标识，conferenceNumber：会议号， error:报错时的信息 |