ĐƯỢ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
Hướng dẫn tích hợp
Cài UI Kit hội nghị video Flutter 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.
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.
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ệuimport '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,
),
),
));Kết nối danh tính ứng dụng
Đăng nhập bằng ID ứng dụng, ID người dùng và UserSig do máy chủ cấp. Vào phòng sau khi đăng nhập thành công.
Đọc tài liệuimport 'package:atomic_x_core/atomicxcore.dart';
final result = await LoginStore.shared.login(
sdkAppID: sdkAppID, userID: userID, userSig: userSig,
);
if (result.isSuccess) {
// Open the room after successful authentication.
}Kết nối người tham gia
Dùng ID phòng có sẵn để đưa người dùng vào cùng phiên.
Đọc tài liệuimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget.
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: const RoomBehavior.enter(),
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ệuDuy trì mạch trò chuyện
Hiển thị trạng thái người tham gia và điều khiển phòng trong giao diện rõ ràng. Kiểm tra quyền chủ trì trong gói Room.
Đọc tài liệuBẮT ĐẦU
Đưa phòng đầu tiên vào hoạt động
- 01
- 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 - 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 pub add tencent_conference_uikitimport '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
Câu hỏi về tích hợp
Nhận hỗ trợ thiết lập UI Kit hội nghị video Flutter.
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
