VUE CALL CAPABILITIES
Vue Video Calling Features
Connect people
- Voice and video calls
- Incoming call handling
Stay in control
- Camera and microphone controls
- Call lifecycle events
Make it yours
- Your application flow
- Platform-specific integration
Explore Vue Video Call Components
Connect TUICallKit to your component layout, then start calls from the actions in your app.
Embed Your Vue Call Interface
Mount TUICallKit in your component layout and initialize it with your authenticated user. The component provides the call interface and controls.
<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Start a Video Call in Vue
Pass the recipient IDs from your application to the calling API. Connect this action to a contact, conversation, or call button in your Vue interface.
import { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});CUSTOMIZATION
Customize Your Vue Call UI Kit
Adapt the Vue call component, controls, and incoming-call flow to your product.
GET STARTED
Add Video Calling to Your Vue App
- 01
- 02
- 03
npm install @trtc/calls-uikit-vueimport { TUICallKitAPI } from '@trtc/calls-uikit-vue';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Vue Video Calling UI Kit FAQs
What does the Vue Video Calling UI Kit include?
The Vue Video Calling UI Kit provides TUICallKit screens and call controls. Connect it to your user identity and component layout; the Call service connects participants.
Should I use a Vue call SDK or UI Kit?
What does Vue video calling need in the browser?
How do I authenticate users of the Vue Video Calling UI Kit?
Is the Vue Video Calling UI Kit free to use?
How do I integrate Vue Video Calling UI Kit with Vue?
How do I test Vue Video Calling UI Kit before releasing my app?
How do I customize the interface for Vue Video Calling UI Kit?
Use TUICallKitAPI from @trtc/calls-uikit-vue to set camera-off backgrounds with setLocalViewBackgroundImage and setRemoteViewBackgroundImage. These backgrounds appear for voice calls or when video is off. For custom button SVGs, the documented source-copy workflow requires Vue 3 with TypeScript and version 3.2.2 or later. Update imports to your local component copy and maintain its changes when upgrading.