@tencentcloud/call-uikit-vue

TUICallKit

English | 简体中文

A Vue.js 3 Voice & Video Calling UI Component, easily add calling capabilities to your web application.

Features

• ⚡️ 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

How to use

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 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

Contents

.
├── README.md
├── demos/basic/
└── src/

demos/basic/

• The demos/basic/ directory contains the 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 Demo for details.

src/

• The src directory contains the source code of TUICallKit. The entry file is index.ts.
• You can copy this directory to your project for component insertion, such as import { TUICallKit, TUICallKitServer } from '. /src/index', where src can be renamed and the path can be modified accordingly, for more detailed access to components, please refer to TUICallKit Getting Started.

Contact Us

• 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
  

License

ISC License © 2022-present, Tencent