实时音视频 uniapp（小程序）-视频通话（含 UI）-文档中心-腾讯云

本文介绍 TUICallKit 组件通话状态回调的使用。
通话状态监听
如果您的业务需要监听通话的状态，例如通话开始、结束等通话过程中的事件（详见 TUICallEvent），可以参见如下代码：
Vue3
Vue2
<script setup>
// 替换成 TUICallKit 源码中的地址
import { TUICallKitServer } from "../../TUICallKit/src/index";
import { EVENT } from "tuicall-engine-wx";
﻿
// 绑定监听的函数
const bindEvent = () => {
  // setup 语法糖没有this，需要绑定回调函数的执行上下文
  const context = {
      handleNewInvitationReceived,
   };
   TUICallKitServer.getTUICallEngineInstance().on(
      EVENT.INVITED,
      handleNewInvitationReceived,
      context
   );
};
﻿
// 回调函数
const handleNewInvitationReceived = (event) => {
  console.log("收到新的邀请", event);
};
</script>
<script>
// 替换成 TUICallKit 源码中的地址
import { TUICallKitServer } from "../../TUICallKit/src/index";
import { EVENT } from "tuicall-engine-wx";
﻿
// 绑定监听的函数
bindEvent() {
  TUICallKitServer.getTUICallEngineInstance().on(
    EVENT.INVITED,
    this.handleNewInvitationReceived,
  	this
  );
},
﻿
// 回调函数
handleNewInvitationReceived(event) {
    console.log("收到新的邀请", event);
},
</script>  
uniapp（小程序）

本页目录：

通话状态监听
