TÍNH NĂNG VUE CALL
Tính năng gọi video trên Vue
Kết nối mọi người
- Cuộc gọi thoại và video
- Xử lý cuộc gọi đến
Luôn nắm quyền kiểm soát
- Nút điều khiển camera và micrô
- Sự kiện vòng đời cuộc gọi
Biến nó thành của bạn
- Luồng ứng dụng của bạn
- Tích hợp theo từng nền tảng
Khám phá các thành phần gọi video Vue
Kết nối TUICallKit với bố cục thành phần của bạn, sau đó bắt đầu cuộc gọi thông qua các thao tác trong ứng dụng.
Nhúng giao diện cuộc gọi Vue của bạn
Gắn TUICallKit vào bố cục thành phần và khởi tạo bằng người dùng đã xác thực. Thành phần này cung cấp giao diện và các nút điều khiển cuộc gọi.
<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Bắt đầu cuộc gọi video trong Vue
Chuyển ID người nhận từ ứng dụng của bạn đến API cuộc gọi. Liên kết thao tác này với một liên hệ, cuộc trò chuyện hoặc nút gọi trong giao diện Vue.
import { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});TÙY CHỈNH
Tùy chỉnh UI Kit cuộc gọi Vue
Điều chỉnh thành phần cuộc gọi Vue, các nút điều khiển và luồng cuộc gọi đến cho phù hợp với sản phẩm.
BẮT ĐẦU
Thêm tính năng gọi video vào ứng dụng Vue
- 01
- 02
- 03
npm install @trtc/calls-uikit-vueimport { TUICallKitAPI } from '@trtc/calls-uikit-vue';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Câu hỏi thường gặp về UI Kit gọi video cho Vue
Vue Video Calling UI Kit bao gồm những gì?
UI Kit gọi video Vue cung cấp các màn hình TUICallKit và bộ điều khiển cuộc gọi. Hãy kết nối bộ công cụ với danh tính người dùng và bố cục thành phần của bạn; dịch vụ Call sẽ kết nối những người tham gia.
Tôi nên dùng SDK cuộc gọi Vue hay UI Kit?
Tính năng gọi video Vue cần những gì trong trình duyệt?
Làm cách nào để xác thực người dùng của Vue Video Calling UI Kit?
UI Kit gọi video Vue có được sử dụng miễn phí không?
Làm thế nào để tích hợp UI Kit gọi video Vue với Vue?
Làm thế nào để kiểm thử UI Kit gọi video Vue trước khi phát hành ứng dụng?
Làm thế nào để tùy chỉnh giao diện UI Kit gọi video Vue?
Dùng TUICallKitAPI từ @trtc/calls-uikit-vue để đặt nền khi tắt camera bằng setLocalViewBackgroundImage và setRemoteViewBackgroundImage. Các nền này xuất hiện trong cuộc gọi thoại hoặc khi video bị tắt. Với SVG nút tùy chỉnh, quy trình sao chép mã nguồn trong tài liệu yêu cầu Vue 3 với TypeScript và phiên bản 3.2.2 trở lên. Cập nhật các lệnh nhập để trỏ đến bản sao thành phần cục bộ và duy trì những thay đổi khi nâng cấp.