ความสามารถของ FLUTTER ROOM
ห้องที่สร้างเพื่อแอปของคุณ
วงจรชีวิตห้อง
- สร้างและเข้าร่วมห้อง
- จัดการการออกและสิ้นสุด
สนทนาสด
- เชื่อมวิดีโอผู้เข้าร่วม
- ควบคุมกล้องและไมโครโฟน
ประสบการณ์ผู้เข้าร่วม
- แสดงสมาชิกห้อง
- สะท้อนการเปลี่ยนสถานะห้อง
ตัวตนแอป
- เชื่อม ID ผู้ใช้ของคุณ
- ยืนยันตัวตนด้วย UserSig ที่ออกโดยเซิร์ฟเวอร์
การผสานรวมแพลตฟอร์ม
- แอปมือถือ Flutter
- ปฏิบัติตามสิทธิ์เนทีฟหรือเบราว์เซอร์
ขั้นตอนผลิตภัณฑ์ของคุณ
- เชื่อมห้องกับการนำทาง
- เก็บข้อมูลธุรกิจในแอป
สำรวจคอมโพเนนต์ประชุม Flutter
ดูประสบการณ์ห้องและโค้ดเบื้องหลัง
พื้นที่สำหรับทุกคน
ติดตั้งหน้าประชุมด้วย UI Kit การประชุมผ่านวิดีโอ Flutter แอปจัดเตรียมผู้ใช้ที่ยืนยันตัวตนและ ID ห้อง
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,
),
),
));เชื่อมตัวตนของแอป
เข้าสู่ระบบด้วย ID แอป ID ผู้ใช้ และ UserSig ที่ออกโดยเซิร์ฟเวอร์ เข้าห้องหลังเข้าสู่ระบบสำเร็จ
import '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.
}เชื่อมผู้เข้าร่วม
ใช้ ID ห้องที่มีอยู่เพื่อให้ผู้ใช้เข้าร่วมเซสชันเดียวกัน
import '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,
),
),
));เริ่มต้นใช้งาน
เริ่มใช้งานห้องแรกของคุณ
- 01
- 02
- 03
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,
),
),
));คำถามที่พบบ่อยเกี่ยวกับ UI Kit การประชุมผ่านวิดีโอ Flutter
UI Kit การประชุมผ่านวิดีโอ Flutter มีอะไรบ้าง
UI Kit การประชุมผ่านวิดีโอ Flutter มีหน้าประชุมสำเร็จรูปพร้อมทางเข้าห้อง หน้าวิดีโอ และการควบคุมผู้เข้าร่วม แอปจัดการตัวตนและขั้นตอนธุรกิจ
ผสานรวม UI Kit การประชุมผ่านวิดีโอ Flutter อย่างไร
ผู้ใช้เข้าสู่ระบบ UI Kit การประชุมผ่านวิดีโอ Flutter อย่างไร
ใช้ SDKAppID ID ผู้ใช้ และ UserSig ที่สร้างบนเซิร์ฟเวอร์ อย่าใส่ข้อมูลลับของแอปในโค้ดเบราว์เซอร์หรือมือถือ จัดการการยืนยันตัวตนที่ล้มเหลวก่อนเข้าห้อง
ปรับแต่งประสบการณ์ประชุมได้ไหม
ปรับคอมโพเนนต์และการตั้งค่าตามเอกสาร ซอร์ส UI Kit เนทีฟมีหน้าห้องและแถบเครื่องมือ ตรวจตัวเลือกที่รองรับในคู่มือแพลตฟอร์ม
Room คิดราคาอย่างไร
ควรเลือก UI Kit หรือ SDK
ผสาน UI Kit การประชุมผ่านวิดีโอ Flutter ด้วย Dart อย่างไร
ทดสอบ UI Kit การประชุมผ่านวิดีโอ Flutter ก่อนเผยแพร่แอปอย่างไร
ปรับแต่งอินเทอร์เฟซ UI Kit การประชุมผ่านวิดีโอ Flutter อย่างไร
สร้าง fork ของแพ็กเกจ room ใน TUIKit_Flutter เพื่อแก้ไข RoomMainWidget และวิดเจ็ตลูกในระดับซอร์สโค้ด เช่น ปรับลำดับปุ่มใน RoomBottomBarWidget แล้วกำหนด dependency ของ tencent_conference_uikit ให้ชี้ไปยัง fork และ branch ของคุณ อย่าพึ่งพาการแก้ไขภายใน .pub-cache เพราะการจัดการ dependency อาจเขียนทับได้ คงการทำงานในห้องของแต่ละปุ่มไว้ พร้อมรักษาการตั้งค่าสิทธิ์แบบเนทีฟและการนำทางของห้อง