TÍNH NĂNG FLUTTER LIVE
Các tính năng phát trực tiếp Flutter
Bắt đầu phát trực tiếp
- Vai trò host và khán giả
- Quản lý vòng đời phòng
Kết nối mọi người
- Phát video trực tiếp
- Sự tham gia của khán giả
Biến nó thành của bạn
- Bố cục ứng dụng linh hoạt
- Các thành phần dành riêng cho từng nền tảng
Khám phá các thành phần phát trực tiếp bằng Flutter
Kết nối chế độ xem người dẫn, chế độ xem khán giả và danh sách phòng phát trực tiếp với hệ thống điều hướng của ứng dụng.
Tạo nơi để nhà sáng tạo bắt đầu
Thêm màn hình chuẩn bị dành cho host bằng Flutter để nhà sáng tạo có thể xem trước camera trước khi phát sóng. Kết nối màn hình này với tài khoản host đã được xác thực.
import 'package:tencent_live_uikit/tencent_live_uikit.dart';
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));Đưa trải nghiệm xem vào ứng dụng của bạn
Mở giao diện người xem Flutter với phòng trực tiếp đã chọn. Kết nối thao tác vào và rời phòng với hệ thống điều hướng của ứng dụng.
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAudienceOverlay(
roomId: liveID,
liveInfo: LiveInfo(liveID: liveID),
),
));TÙY CHỈNH
Tùy chỉnh Flutter Live UI Kit của bạn
Sắp xếp video, hoạt động tương tác với khán giả và điều hướng xoay quanh trải nghiệm trực tiếp trong ứng dụng Flutter.
BẮT ĐẦU
Thêm tính năng phát trực tiếp vào ứng dụng Flutter
- 01
- 02
- 03
flutter pub add tencent_live_uikitimport 'package:atomic_x_core/atomicxcore.dart';
await LoginStore.shared.login(
sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);Câu hỏi thường gặp về UI Kit phát trực tiếp cho Flutter
Tôi có thể xây dựng gì với Flutter Live UI Kit?
Flutter Live Streaming UI Kit bao gồm giao diện dành cho người dẫn, khán giả và danh sách phòng phát trực tiếp. Kết nối các thành phần TUILiveKit này với tài khoản người dùng và hệ thống điều hướng Flutter để tạo quy trình xem hoàn chỉnh.
UI Kit này kết hợp với SDK như thế nào?
Làm cách nào để kết nối trình xem trực tiếp Flutter với chương trình phát sóng?
Làm cách nào để xác thực người dùng Flutter Live Streaming UI Kit?
Flutter Live Streaming UI Kit có được sử dụng miễn phí không?
Làm thế nào để tích hợp UI Kit phát trực tiếp Flutter với Dart?
Làm thế nào để kiểm thử UI Kit phát trực tiếp Flutter trước khi phát hành ứng dụng?
Làm thế nào để tùy chỉnh giao diện UI Kit phát trực tiếp Flutter?
Tùy chỉnh tài nguyên PNG của trang người phát và các tệp bản địa hóa ARB trong bản sao mã nguồn được duy trì. Ví dụ, đổi một nhãn trong livekit_en.arb rồi chạy flutter gen-l10n để tạo lại mã bản địa hóa. Giữ kết nối ComponentTheme và trình theo dõi điều hướng LiveKit. TUILiveRoomAnchorOverlay phải được mở thành một tuyến độc lập, không lồng trong Container hay Stack, vì thành phần này tự quản lý lớp phủ và hành vi cửa sổ nổi.