tencent cloud

Web
Download PDF
Last updated: 2024-04-01 18:09:01
Web
Last updated: 2024-04-01 18:09:01
Download PDF

Step 1: Initialize the SDK

Please refer to Initializing SDK.
Note
The following steps should be performed after the 'tccc.events.ready' event is successful.

Step 2: Implement Clicking Button to Trigger SDK Outbound Call

Vue
React
Native JS
<template>
    <button @click="sdkCall">One-click outbound call</button>
</template>
<script>
export default {
   data() {
     phoneNumber: '19999999999' // Replace it with a real outbound number
   },
   methods: {
     sdkCall() {
        window.tccc.Call.startOutboundCall({
          phoneNumber: this.phoneNumber,
        }).then((res) => {
          this.sessionId = res.data.sessionId;
        }).catch((err) => {
          const error = err.errorMsg;
        })
     }
   }
}
</script>
import { useState } from 'react';
export function CallButton() {
  const [phoneNumber, setPhoneNumber] = useState('19999999999') // Replace it with a real outbound number

  function sdkCall(phoneNumber) {
    window.tccc.Call.startOutboundCall({
      phoneNumber,
    }).then((res) => {
      this.sessionId = res.data.sessionId;
    }).catch((err) => {
      const error = err.errorMsg;
    })
  }

  return (
    <button onClick={sdkCall}>One-click outbound call</button>
  )
}
<button id="call">One-click outbound call</button>
<script>
    function sdkCall(phoneNumber) {
        window.tccc.Call.startOutboundCall({
            phoneNumber,           // Outbound number
            phoneDesc: 'Tencent'   // Remarks, which will replace the display of the number on the call bar
        }).then((res) => {
            // Outbound call succeeded. Obtain the outbound ID, which can be used to query related call recordings and service records
            const sessionId = res.data.sessionId
        }).catch((err) => {
          // Outbound call failed. Obtain the failure reason for prompt
          console.error(err.errMsg)
        })
    }
    // Listen to the click event of the button and trigger the outbound call method
    document.getElementById('call').addEventListsner('click', () => {
      // Replace it with a real outbound number
      sdkCall('19999999999'); 
    })
</script>
After the outbound call is successfully triggered, wait for the other party to answer and trigger related events in turn.

Outbound Call Event Process








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

Feedback