English | 简体中文
A Vue2 & Vue3 Voice & Video Calling UI Component, easily add calling capabilities to your web application.Vue2 version @tencentcloud/call-uikit-vue2
- ⚡️ Supports C2C/Group/Voice/Video calls, switch calling type, select calling devices
- 🌟 3 lines of code to run through the test demo, 6 lines of code to complete the common ability to access
- 📱 Multi-device adaptation, support H5 webview
- 🛠 Ecology system, works with TUIKit to initiate audio/video calls directly in TIM sessions
- 🔥 Out-of-the-box TypeScript support, support for Vue3
Composition API
- 🌍 Cross-platform, support for Android, iOS, Web, applets, Flutter, uniapp, etc. multiple development platforms
- ☁️ Deploy on Tencent Cloud, end-to-end average latency < 300ms on international links
- 🤙🏻 Low lag, anti-packet loss rate over 80%, anti-network jitter over 1000ms, still smooth and stable in weak network environment
- 🌈 High calling quality, support 720P, 1080P HD quality, 70% packet loss can still running
This is a documentation for the TUICallKit project. It provides instructions for using and integrating TUICallKit into your website or application.
Here are a few guidelines for using this component.
-
Click here to try out 1v1 Voice and Video Call online.
-
If you want to experience it in your dev mode, please read Run the Vue3 Demo or Run the Vue2 Demo
-
If you want to install this component into your project, please read TUICallKit Getting Started
-
If you want to modify the CSS Style, please read UI Customization
.
├── README.md
├── demos/basic-vue3/
├── demos/basic-vue2/
└── TUICallKit/
demos/basic-vue3/
- The
demos/basic-vue3/
directory contains the Vue3 basic demo of TUICallKit, which is integrated with all the features of the full TUICallKit component. - A debug panel is integrated at the bottom of the demo page. You can enter your application information directly, please refer to Run the Vue3 Demo.
demos/basic-vue2/
- The
demos/basic-vue2/
directory contains the Vue2 basic demo of TUICallKit, which is integrated with all the features of the full TUICallKit component. - A debug panel is integrated at the bottom of the demo page. You can enter your application information directly, please refer to Run the Vue2 Demo.
TUICallKIt/
- The
TUICallKIt
directory contains the source code of TUICallKit. The entry file isindex.ts
. - It is recommended to use a packaging method to directly import TUICallKit into your project, as outlined in the TUICallKit Getting Started . You can also copy the files directly into your project for component import. For detailed instructions on how to integrate the source code, please refer to the UI Customization.
- If you have questions, see FAQs;
- To report bugs in our sample code, please create an issue.
- Communication & Feedback
Welcome to join our Telegram Group to communicate with our professional engineers! We are more than happy to hear from you~
Click to join: https://t.me/+EPk6TMZEZMM5OGY1
Or scan the QR code
ISC License © 2022-present, Tencent