ĐƯỢC XÂY DỰNG CHO FLUTTER

UI Kit gọi video cho Flutter

Thêm màn hình cuộc gọi bằng Flutter Video Calling UI Kit của Tencent RTC. Tích hợp TUICallKit vào cây widget và hệ thống điều hướng, đồng thời thiết lập các nút điều khiển cuộc gọi đến và nền tảng native.

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 Flutter

Cuộc gọi video một-một trong Flutter

Đưa cuộc trò chuyện trực diện vào ứng dụng Flutter cho nhu cầu kết nối cá nhân hoặc 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.

Gọi video nhóm trong Flutter

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

TÍNH NĂNG FLUTTER CALL

Tính năng gọi video Flutter

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 Flutter

Kết nối TUICallKit với cây widget, 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 Flutter

Gắn TUICallKit vào cây widget 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.

Đọc tài liệu
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

TÙY CHỈNH

Tùy chỉnh UI Kit cuộc gọi Flutter

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

Bố cục và điều khiển

Điều chỉnh trải nghiệm cuộc gọi bằng các tùy chọn tùy chỉnh trong hướng dẫn nền tảng.

Đọc tài liệu

BẮT ĐẦU

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

  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 Flutter

    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
Flutter Call UI Kit
Terminal
flutter pub add tencent_calls_uikit
call_page.dart
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

await TUICallKit.instance.login(SDKAppID, userID, userSig);

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

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

Flutter 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. Kết nối bộ công cụ với danh tính người dùng và cây widget của bạn; dịch vụ Call sẽ kết nối những người tham gia.

Tôi nên sử dụng SDK cuộc gọi Flutter 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.

Cuộc gọi đến trong Flutter hoạt động trong nền như thế nào?

Cấu hình các yêu cầu về thông báo đẩy gốc và vòng đời ứng dụng theo hướng dẫn Flutter. Kiểm thử cuộc gọi đến khi ứng dụng ở trạng thái nền trước, chạy nền và ngoại tuyến trên thiết bị thật; chỉ hiển thị màn hình cuộc gọi là chưa hoàn tất quy trình thiết lập này.

Làm cách nào để xác thực người dùng của Flutter Video Calling UI Kit?

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

UI Kit gọi video Flutter 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 Flutter với Dart?

Cài gói Flutter trong tài liệu và hoàn tất cấu hình dự án native cho từng nền tảng. Kiểm thử vòng đời widget cùng hoạt động iOS và Android bên dưới.

Làm thế nào để kiểm thử UI Kit gọi video Flutter 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 Flutter?

Tùy chỉnh các nút điều khiển cuộc gọi Flutter thông qua tài nguyên assets/images của UI Kit. Ví dụ, thay camera_off.png bằng hình tắt camera của bạn nhưng giữ nguyên tham chiếu tài nguyên. Lưu các thay đổi trong bản sao mã nguồn được duy trì, thay vì chỉnh sửa bộ nhớ đệm pub. Giữ TUICallKit.navigatorObserver và delegate bản địa hóa trong MaterialApp; thay đổi giao diện không thay thế việc thiết lập định tuyến, vòng đời hay quyền truy cập gốc.

Hỗ trợ tích hợp Flutter 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

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

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