ĐƯỢC XÂY DỰNG CHO REACT NATIVE

UI Kit gọi video cho React Native

Kết nối người dùng di động bằng UI Kit gọi video React Native của Tencent RTC. Thêm các màn hình có sẵn cho cuộc gọi đến và cuộc gọi đang diễn ra, sau đó cấu hình tích hợp gốc và ngôn ngữ giao diện.

TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN

Tài liệu & Ví dụ về UI Kit gọi video cho React Native

Cuộc gọi video một-một trên React Native

Đưa cuộc trò chuyện trực diện vào ứng dụng React Native cho các tương tác cá nhân hoặc hoạt động tư vấn, với video và các nút điều khiển cuộc gọi trong cùng một trải nghiệm.

Cuộc gọi video nhóm trong React Native

Kết nối nhiều người tham gia trong màn hình cuộc gọi React Native. Sử dụng hướng dẫn nền tảng để cấu hình luồng cuộc gọi và bố cục nhóm được hỗ trợ.

TÍNH NĂNG REACT NATIVE CALL

Tính năng gọi video React Native

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

Kết nối TUICallKit với hệ thống điều hướng trên thiết bị di động, sau đó bắt đầu cuộc gọi từ các thao tác trong ứng dụng.

Giao diện cuộc gọi

Nhúng giao diện cuộc gọi React Native

Gắn TUICallKit vào hệ thống điều hướng di động 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à bộ điều khiển cuộc gọi.

Đọc tài liệu
CallScreen.tsx
import { TUICallKit, MediaType } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.calls({
  userIdList: [recipientID], mediaType: MediaType.Video,
});

TÙY CHỈNH

Tùy chỉnh React Native Call UI Kit

Điều chỉnh màn hình cuộc gọi, các nút điều khiển và quy trình cuộc gọi đến trên React Native cho phù hợp với sản phẩm của bạn.

Ngôn ngữ

Chọn ngôn ngữ giao diện được hỗ trợ cho ứng dụng React Native của bạn.

Đọc tài liệu

BẮT ĐẦU

Thêm tính năng gọi video vào ứng dụng React Native

  1. 01

    Tạo ứng dụng của bạn

    Bật Call cho ứng dụng và người dùng thử nghiệm.

    Mở bảng điều khiển Call
  2. 02

    Thêm UI Kit gọi video cho React Native

    Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.

    Làm theo Hướng dẫn tích hợp
  3. 03

    Thực hiện cuộc gọi đầu tiên của bạn

    Đăng nhập bằng hai người dùng thử nghiệm, sau đó thực hiện và trả lời cuộc gọi.

    Thiết lập xác thực
React Native Call UI Kit
Terminal
npm install @tencentcloud/call-uikit-react-native
CallScreen.tsx
import { TUICallKit } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.login({
  sdkAppId: SDKAppID, userId: userID, userSig,
});

Câu hỏi thường gặp về UI Kit gọi video cho React Native

React Native Video Calling UI Kit bao gồm những gì?

React Native Video Calling UI Kit cung cấp các màn hình TUICallKit và nút điều khiển cuộc gọi. Hãy kết nối bộ công cụ với hệ thống danh tính người dùng và điều hướng di động; 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 React Native hay UI Kit?

UI Kit cung cấp các thành phần giao diện trên nền dịch vụ cốt lõi. Hãy chọn SDK khi bạn cần kiểm soát nhiều hơn đối với UI của ứng dụng.

Để nhận cuộc gọi đến cần những gì?

Người dùng phải được xác thực và dịch vụ Call phải được bật. Hoạt động nền và ngoại tuyến trên ứng dụng native cũng yêu cầu cấu hình thông báo đẩy theo tài liệu.

Làm cách nào để xác thực người dùng của UI Kit gọi video React Native?

Tạo UserSig trên máy chủ và chuyển cho máy khách sau khi quy trình đăng nhập của riêng bạn hoàn tất. Luôn lưu bí mật của ứng dụng trên máy chủ.

React Native Video Calling UI Kit có được sử dụng miễn phí không?

Giao diện và dịch vụ Call được lưu trữ đảm nhiệm những vai trò khác nhau. Hãy kích hoạt dịch vụ cho ứng dụng và xem lại gói hiện tại, khả năng cung cấp tính năng cùng phí sử dụng.

Làm thế nào để tích hợp UI Kit gọi video React Native với React Native?

Cài gói và các phụ thuộc native theo tài liệu, rồi dựng lại ứng dụng native. Xác minh quyền, vòng đời và callback native thay vì giả định môi trường chỉ chạy JavaScript.

Làm thế nào để kiểm thử UI Kit gọi video React Native trước khi phát hành ứng dụng?

Kiểm thử trạng thái mời, chấp nhận, từ chối và kết thúc cuộc gọi giữa các người dùng độc lập, gồm cả trường hợp từ chối quyền.

Làm thế nào để tùy chỉnh giao diện UI Kit gọi video React Native?

Dùng các phương thức được UI Kit gốc cung cấp để điều chỉnh giao diện cuộc gọi. Ví dụ, nhập Language từ @tencentcloud/call-uikit-react-native và gọi TUICallKit.setLanguage(Language.EN). setCallingBell đổi nhạc chuông cuộc gọi đến, còn enableMuteMode(true) tắt nhạc chuông đó. CSS của React web và prop của provider không cấu hình giao diện gốc này; hãy giữ thiết lập quyền Android và iOS, đồng thời đối chiếu từng phương thức với hướng dẫn React Native.

Hỗ trợ tích hợp React Native Call

Trao đổi về ứng dụng của bạn

Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.

Liên hệ bộ phận kinh doanh

Đưa tính năng gọi video vào ứng dụng React Native

Bắt đầu với React Native Video Calling UI Kit, kết nối hai người dùng thử nghiệm và thực hiện cuộc gọi đầu tiên.