tencent cloud

All product documents
Chat
DocumentationChatVideo Call (UI Included)Additional Features(TUICallKit)Monitoring Call StatusWeb&H5
Web&H5
Download PDF
Last updated: 2024-05-08 11:37:24
Web&H5
Last updated: 2024-05-08 11:37:24
Download PDF
This document describes how to use the Call Status Callback of the TUICallKit component.

Call Status Monitoring

If your business needs to monitor the status of calls, such as events during the call process including the start and end of calls (see TUICallEvent for details), refer to the following code:
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);

Component Callback Event

The TUICallKit component provides call status callbacks, which can be used for more interaction logic on the business side. For details, see Introduction to TUICallKit Attributes.
beforeCalling: Executed before the call starts.
afterCalling: Executed after the call ends.
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>


Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon