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

UI Kit hội nghị video Flutter

Đưa phòng họp có sẵn vào ứng dụng di động Flutter. Kết nối người dùng iOS và Android với UI Kit hội nghị video Flutter.

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

Tài liệu & Ví dụ về UI Kit hội nghị video Flutter

Một cuộc trò chuyện xuyên thiết bị

Kết nối nhóm sản phẩm xét duyệt vật liệu từ thiết bị iOS và Android.

Biến buổi học thủ công thành hội thoại

Cho giảng viên trình diễn kỹ thuật khi học viên chia sẻ tiến độ từ điện thoại.

TÍNH NĂNG FLUTTER ROOM

Phòng xây dựng cho ứng dụng

Vòng đời phòng

  • Tạo và tham gia phòng
  • Xử lý thao tác rời và kết thúc

Hội thoại trực tiếp

  • Kết nối video người tham gia
  • Điều khiển camera và micrô

Trải nghiệm người tham gia

  • Hiển thị thành viên phòng
  • Phản ánh thay đổi trạng thái phòng

Danh tính ứng dụng

  • Kết nối ID người dùng riêng
  • Xác thực bằng UserSig do máy chủ cấp

Tích hợp nền tảng

  • Ứng dụng di động Flutter
  • Tuân theo quyền gốc hoặc trình duyệt

Luồng sản phẩm của bạn

  • Kết nối phòng với điều hướng
  • Giữ dữ liệu nghiệp vụ trong ứng dụng

Khám phá thành phần cuộc họp Flutter

Xem trải nghiệm phòng và mã phía sau.

Giao diện cuộc họp

Không gian cho mọi người

Gắn giao diện cuộc họp với UI Kit hội nghị video Flutter. Ứng dụng cung cấp người dùng đã xác thực và ID phòng.

Đọc tài liệu
room_screen.dart
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';

// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
  CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
  builder: (_) => RoomMainWidget(
    roomID: roomID, behavior: behavior,
    config: const ConnectConfig(
      autoEnableCamera: false,
      autoEnableMicrophone: false, autoEnableSpeaker: true,
    ),
  ),
));

TÙY CHỈNH

Làm phòng mang dấu ấn sản phẩm

Giữ trải nghiệm Flutter liền mạch

Tích hợp RoomMainWidget với tuyến, ComponentTheme, delegates bản địa hóa và RoomNavigatorObserver.

Đọc tài liệu

BẮT ĐẦU

Đưa phòng đầu tiên vào hoạt động

  1. 01

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

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

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

    Thêm UI Kit hội nghị video 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

    Kết nối với phòng đầu tiên của bạn

    Kết nối người dùng thử đã xác thực vào cùng phòng. Kiểm tra quyền thiết bị trước khi bật camera và micrô.

    Thiết lập xác thực
Flutter Room UI Kit
Terminal
flutter pub add tencent_conference_uikit
room_screen.dart
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';

// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
  CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
  builder: (_) => RoomMainWidget(
    roomID: roomID, behavior: behavior,
    config: const ConnectConfig(
      autoEnableCamera: false,
      autoEnableMicrophone: false, autoEnableSpeaker: true,
    ),
  ),
));

Câu hỏi thường gặp về UI Kit hội nghị video Flutter

UI Kit hội nghị video Flutter bao gồm những gì?

UI Kit hội nghị video Flutter cung cấp giao diện có sẵn với vào phòng, màn hình video và điều khiển người tham gia. Ứng dụng cung cấp danh tính và quy trình nghiệp vụ.

Làm sao tích hợp UI Kit hội nghị video Flutter?

Cấu hình dự án chủ iOS, Android và phụ thuộc pubspec. UI Kit cần ComponentTheme, delegates bản địa hóa và RoomNavigatorObserver; trang này dành cho ứng dụng di động.

Người dùng đăng nhập UI Kit hội nghị video Flutter thế nào?

Dùng SDKAppID, ID người dùng và UserSig tạo trên máy chủ. Không đưa khóa bí mật vào mã trình duyệt hoặc di động. Xử lý lỗi xác thực trước khi vào phòng.

Có thể tùy chỉnh trải nghiệm cuộc họp không?

Điều chỉnh thành phần và cấu hình trong tài liệu. Mã nguồn UI Kit gốc cung cấp màn hình phòng và thanh công cụ. Xem tùy chọn hỗ trợ trong hướng dẫn nền tảng.

Room tính phí như thế nào?

Chi phí phụ thuộc tính năng gói Room và mức dùng âm thanh/video. Xem trang giá Conference hiện tại để biết khả năng và giới hạn đi kèm.

Nên chọn UI Kit hay SDK?

Chọn SDK để tự xây dựng giao diện và xử lý trạng thái phòng. Chọn UI Kit để tích hợp và điều chỉnh màn hình cuộc họp có sẵn.

Làm sao tích hợp UI Kit hội nghị video Flutter bằng 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.

Kiểm tra UI Kit hội nghị video Flutter trước khi phát hành thế nào?

Kiểm tra vào phòng đã xác thực, thay đổi người tham gia và điều khiển camera, micrô, rời phòng được hỗ trợ.

Tùy chỉnh giao diện UI Kit hội nghị video Flutter thế nào?

Tạo bản fork của gói room TUIKit_Flutter để thay đổi mã nguồn RoomMainWidget và các widget con. Ví dụ, điều chỉnh thứ tự nút trong RoomBottomBarWidget và trỏ phụ thuộc tencent_conference_uikit đến bản fork cùng nhánh của bạn. Đừng dựa vào chỉnh sửa trong .pub-cache vì các thao tác quản lý phụ thuộc có thể ghi đè chúng. Giữ thao tác phòng của từng nút điều khiển và duy trì cấu hình quyền gốc cùng điều hướng phòng.

Hỗ trợ tích hợp Flutter Room

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

Dành chỗ cho ý tưởng tiếp theo

Kết nối mọi người trong ứng dụng.