tencent cloud

PrevNext

文档反馈

请输入关键字

Recent Pages

文档
即时通信 IM
    文档
    Download PDF

    Web&H5

    最后更新时间：2024-05-08 11:37:24
    下载PDF
      本文介绍 TUICallKit 组件通话状态回调的使用。

      通话状态监听

      如果您的业务需要监听通话的状态，例如通话开始、结束等通话过程中的事件（详见 TUICallEvent），可以参见如下代码：
      import { TUICallEvent } from 'tuicall-engine-webrtc';
      
      let handleUserEnter = function(event) {
          console.log('TUICallEvent.USER_ENTER: ', event);
      };
      
      TUICallKitServer.getTUICallEngineInstance().on(TUICallEvent.USER_ENTER, handleUserEnter);
      TUICallKitServer.getTUICallEngineInstance().off(TUICallEvent.USER_ENTER, handleUserEnter);

      组件回调事件

      TUICallKit 组件提供了通话状态回调，可以用于业务侧实现更多交互逻辑，具体参见 TUICallKit 属性介绍。
      beforeCalling: 通话开始前会执行。
      afterCalling: 通话完成后执行。
      React
      Vue
      function App() {
        const handleBeforeCalling = () => {
          console.log("[TUICallKit Demo] beforeCalling");
        };
        const handleAfterCalling = () => {
          console.log("[TUICallKit Demo] afterCalling");
        };
        return (
          <TUICallKit 
            beforeCalling={handleBeforeCalling} 
            afterCalling={handleAfterCalling} />
        )
      }
      <template>
        <TUICallKit 
          :beforeCalling="handleBeforeCalling" 
          :afterCalling="handleAfterCalling" />
      </template>
      <script setup>
      function handleBeforeCalling() {
        console.log("[TUICallKit Demo] beforeCalling");
      }
      function handleAfterCalling() {
        console.log("[TUICallKit Demo] afterCalling");
      }
      </script>
      
      联系我们

      联系我们，为您的业务提供专属服务。

      联系我们
      技术支持

      如果你想寻求进一步的帮助，通过工单与我们进行联络。我们提供7x24的工单服务。

      提交工单
      7x24 电话支持
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      隐私条款服务条款缓存条款