ĐƯỢ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
Hướng dẫn tích hợp
Cài UI Kit gọi video cho React Native và kết nối người dùng.
Ví dụ & mã nguồn
Xem sản phẩm hoạt động thực tế và khám phá cách triển khai.
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.
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ệuimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Bắt đầu cuộc gọi video trong React Native
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 React Native.
Đọc tài liệuimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Ngôn ngữ
Đặt ngôn ngữ giao diện cuộc gọi phù hợp với ứng dụng của bạn.
Đọc tài liệuimport { TUICallKit, Language } from
'@tencentcloud/call-uikit-react-native';
TUICallKit.setLanguage(Language.EN);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.
Nhạc chuông và danh tính
Giúp người dùng dễ nhận biết cuộc gọi đến bằng hồ sơ người dùng và nhạc chuông tùy chỉnh.
Đọc tài liệuBẮT ĐẦU
Thêm tính năng gọi video vào ứng dụng React Native
- 01
- 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 - 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
npm install @tencentcloud/call-uikit-react-nativeimport { 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
Câu hỏi về tích hợp
Nhận hỗ trợ thiết lập UI Kit gọi video cho React Native.
Xem tài liệu dành cho nhà phát triểnTrao đổ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.

