สร้างขึ้นเพื่อ FLUTTER
UI Kit ถ่ายทอดสดสำหรับ Flutter
เชื่อมต่อครีเอเตอร์กับผู้ชมด้วย Flutter Live Streaming UI Kit ของ Tencent RTC เพิ่มวิดเจ็ต TUILiveKit ในแอป Flutter เพื่อถ่ายทอดสด รับชม และค้นหาห้อง
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง UI Kit ถ่ายทอดสดสำหรับ Flutter
คู่มือการผสานรวม
ติดตั้ง UI Kit ถ่ายทอดสดสำหรับ Flutter และเชื่อมต่อผู้ใช้ของคุณ
ตัวอย่างและซอร์สโค้ด
ดูการทำงานจริงของผลิตภัณฑ์และสำรวจวิธีการนำไปใช้
การสาธิตสินค้าแบบสดบน Flutter
ให้ผู้ชมติดตามการสาธิตสินค้าของครีเอเตอร์และร่วมสนทนา แอปพลิเคชันของคุณจัดการแค็ตตาล็อกและประสบการณ์การซื้อ
การรับชมกิจกรรมสดบน Flutter
นำงานนำเสนอและผู้ชมเข้าสู่แอป Flutter ของคุณ เชื่อมต่อหน้าจอรับชมกับห้องเพื่อให้ผู้ใช้ติดตามอีเวนต์สดได้
ความสามารถของ FLUTTER LIVE
ฟีเจอร์การสตรีมสด Flutter
เริ่มไลฟ์
- บทบาทโฮสต์และผู้ชม
- การจัดการวงจรชีวิตของห้อง
เชื่อมโยงผู้คนเข้าด้วยกัน
- การเล่นวิดีโอสด
- การมีส่วนร่วมของผู้ชม
ทำให้เป็นของคุณเอง
- เค้าโครงแอปพลิเคชันที่ยืดหยุ่น
- องค์ประกอบเฉพาะแพลตฟอร์ม
สำรวจคอมโพเนนต์การสตรีมสดสำหรับ Flutter
เชื่อมต่อมุมมองโฮสต์ มุมมองผู้ชม และรายการห้องไลฟ์เข้ากับระบบนำทางของแอป
มอบพื้นที่เริ่มต้นให้ครีเอเตอร์
เพิ่มหน้าจอเตรียมความพร้อมสำหรับโฮสต์ด้วย Flutter เพื่อให้ครีเอเตอร์ดูตัวอย่างกล้องก่อนออกอากาศ เชื่อมต่อหน้าจอนี้กับบัญชีโฮสต์ที่ผ่านการตรวจสอบสิทธิ์แล้ว
อ่านเอกสารimport 'package:tencent_live_uikit/tencent_live_uikit.dart';
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));ทำให้การรับชมเป็นส่วนหนึ่งของแอปคุณ
เปิดมุมมองผู้ชม Flutter ด้วยห้องไลฟ์ที่เลือก และเชื่อมโยงการเข้าและออกจากห้องเข้ากับการนำทางของแอป
อ่านเอกสารNavigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAudienceOverlay(
roomId: liveID,
liveInfo: LiveInfo(liveID: liveID),
),
));เปิดประตูสู่การค้นพบไลฟ์
เพิ่มรายการที่เลือกดูได้และเชื่อมต่อกับขั้นตอนการรับชม
อ่านเอกสารLiveListWidget(
style: LiveListViewStyle.doubleColumn,
);การปรับแต่ง
ปรับแต่ง Flutter Live UI Kit ของคุณ
จัดวางวิดีโอ การโต้ตอบกับผู้ชม และการนำทางให้สอดคล้องกับประสบการณ์ถ่ายทอดสดในแอป Flutter
เริ่มต้นใช้งาน
เพิ่มไลฟ์สตรีมมิงลงในแอป Flutter ของคุณ
- 01
- 02
เพิ่ม UI Kit ถ่ายทอดสดสำหรับ Flutter
ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ
ทำตามคู่มือการผสานรวม - 03
flutter pub add tencent_live_uikitimport 'package:atomic_x_core/atomicxcore.dart';
await LoginStore.shared.login(
sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);คำถามที่พบบ่อยเกี่ยวกับ UI Kit ถ่ายทอดสดสำหรับ Flutter
ฉันสามารถสร้างอะไรได้บ้างด้วย Flutter Live UI Kit
Flutter Live Streaming UI Kit มีอินเทอร์เฟซสำหรับโฮสต์ ผู้ชม และรายการห้อง เชื่อมต่อคอมโพเนนต์ TUILiveKit เหล่านี้เข้ากับบัญชีผู้ใช้และระบบนำทาง Flutter เพื่อสร้างขั้นตอนการรับชมที่สมบูรณ์
UI Kit นี้ทำงานร่วมกับ SDK อย่างไร
UI Kit มีคอมโพเนนต์อินเทอร์เฟซอยู่บนบริการพื้นฐาน เลือก SDK เมื่อต้องการควบคุม UI ของแอปพลิเคชันคุณเองได้มากขึ้น
ฉันจะเชื่อมต่อโปรแกรมดูไลฟ์ Flutter กับการออกอากาศได้อย่างไร
เปิดใช้บริการ Live ยืนยันตัวตนผู้ชม และเข้าร่วมห้องที่โฮสต์สร้างขึ้น ใช้บัญชีแยกกันเพื่อทดสอบหน้าจอผู้ชม Flutter และทำตามคู่มือของแพลตฟอร์มเพื่อกำหนดค่า
ฉันจะยืนยันตัวตนผู้ใช้ Flutter Live Streaming UI Kit ได้อย่างไร
สร้าง UserSig บนเซิร์ฟเวอร์ของคุณและส่งให้ไคลเอนต์หลังจากขั้นตอนการลงชื่อเข้าใช้ของคุณเองเสร็จสมบูรณ์ เก็บข้อมูลลับของแอปพลิเคชันไว้บนเซิร์ฟเวอร์เสมอ
Flutter Live Streaming UI Kit ใช้งานได้ฟรีหรือไม่
อินเทอร์เฟซและบริการ Live แบบโฮสต์มีบทบาทแตกต่างกัน เปิดใช้งานบริการสำหรับแอปพลิเคชันของคุณ แล้วตรวจสอบแพ็กเกจปัจจุบัน ความพร้อมใช้งานของฟีเจอร์ และค่าบริการตามการใช้งาน
จะผสานรวม UI Kit ไลฟ์สตรีม Flutter กับ Dart ได้อย่างไร?
ติดตั้งแพ็กเกจ Flutter ตามเอกสารและตั้งค่าโปรเจ็กต์เนทีฟของแต่ละเป้าหมาย ทดสอบวงจรชีวิต widget ร่วมกับพฤติกรรม iOS และ Android เบื้องล่าง
จะทดสอบ UI Kit ไลฟ์สตรีม Flutter ก่อนเผยแพร่แอปได้อย่างไร?
ทดสอบบทบาทผู้จัดและผู้ชม เหตุการณ์ส่งหรือเล่นที่รองรับ และเชื่อมใหม่
จะปรับแต่งอินเทอร์เฟซของ UI Kit ไลฟ์สตรีม Flutter ได้อย่างไร?
ปรับแต่งแอสเซ็ต PNG และไฟล์ภาษา ARB ของหน้าผู้จัดไลฟ์ในสำเนาซอร์สโค้ดที่คุณดูแล เช่น เปลี่ยนข้อความใน livekit_en.arb แล้วรัน flutter gen-l10n เพื่อสร้างโค้ดภาษาใหม่ คงการเชื่อมต่อ ComponentTheme และตัวสังเกตการนำทางของ LiveKit ไว้ ต้องเปิด TUILiveRoomAnchorOverlay เป็นเส้นทางแยกโดยเฉพาะ ห้ามซ้อนไว้ภายใน Container หรือ Stack เนื่องจากคอมโพเนนต์นี้จัดการโอเวอร์เลย์และการทำงานของหน้าต่างลอยด้วยตัวเอง
การสนับสนุนด้านการผสานรวมสำหรับ Flutter Live
คำถามเกี่ยวกับการผสานรวม
รับความช่วยเหลือในการตั้งค่า UI Kit ถ่ายทอดสดสำหรับ Flutter
ดูเอกสารสำหรับนักพัฒนาพูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายนำไลฟ์สตรีมมิงมาสู่แอป Flutter ของคุณ
เชื่อมต่อครีเอเตอร์และผู้ชมด้วย Flutter Live Streaming UI Kit และคู่มือแพลตฟอร์ม

