Web 端开始开发

本文档详细介绍如何在 Web 项目中集成产品接入平台。

数据交互流程

服务端格式：

  {
    "code": 200,
    "message": "success",
    "data": {...易呼宝服务返回的数据}
  }

一、引进SDK

import TRTcSdk from 'index.min.js';

二、初始化SDK

const client = new TRTCSdk({
      token: '', // 你们自己的token
      info: {
        caller: "", //主叫号码
        companyId: "", // 公司ID
        userId: "", //用户ID
      },
      service: {
        host: "",//请求地址
        routes: {
          //你服务器请求接口
          startCall: "callApi/startCall", //开始呼叫（必填）
          alertCall: "callApi/alertCall", // 振铃（必填）
          endCall: "callApi/endCall", //结束（必填）
          queryCall: "callApi/queryCall", // 查询状态(必填）
          toneClick: "callApi/toneClick", //ivr按键(必填）
          userProfile: "customerApi/profile", //用户信息(必填）
          callerAuthType: "callApi/callerAuthType", //呼叫权限类型(必填）
          gisAuth: "callApi/gisAuth", //地图权限(必填）
        }
      },
      map: {
        url: '',
        key: '',
      },
    })

三、监听状态

  1、client.on('call', (data) => { })// 监听呼叫状态
  2、client.on('network', (data) => { })// 监听网络状态

四、启动呼叫

  await client.startCall({ called: called.value }); // called: 被叫号码

五、挂断

  await client.endCall();

六、发送IVR按键

  await client.toneClick('1');

七、切换听筒与扬声器

目前只支持安卓设备部份设备

  
  client.toggleAudio({ type:'SPEAKER'}); // 切换到扬声器
  client.toggleAudio({ type:'MIC'}); // 切换到麦克风