ผลิตภัณฑ์
Call
สร้างฟังก์ชันการโทรผ่านวิดีโอและเสียงภายในแอปได้อย่างง่ายดาย
Room
เพิ่มฟีเจอร์การประชุมลงในแอปของคุณด้วย Room SDK
Live
เพิ่มการไลฟ์สตรีมวิดีโอและเสียงแบบโต้ตอบลงในแอปของคุณ
Chat
เพิ่มประสบการณ์การรับส่งข้อความให้กับแอปของคุณด้วย Chat API
Push
เข้าถึงและกระตุ้นให้ผู้ใช้กลับมามีส่วนร่วมอีกครั้งได้ทันทีด้วย App Push และ Web Push
RTC Engine
ยกระดับการสื่อสารแบบเรียลไทม์ภายในแอปด้วย RTC SDK
In-game Voice Chat
สร้างแชตเสียงในเกมที่สมจริงด้วย GVoice SDK
Beauty AR
ผสานรวม Beauty AR สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

สร้างขึ้นเพื่อ FLUTTER

UI Kit ถ่ายทอดสดสำหรับ Flutter

เชื่อมต่อครีเอเตอร์กับผู้ชมด้วย Flutter Live Streaming UI Kit ของ Tencent RTC เพิ่มวิดเจ็ต TUILiveKit ในแอป Flutter เพื่อถ่ายทอดสด รับชม และค้นหาห้อง

แหล่งข้อมูลสำหรับนักพัฒนา

เอกสารและตัวอย่าง UI Kit ถ่ายทอดสดสำหรับ Flutter

การสาธิตสินค้าแบบสดบน Flutter

ให้ผู้ชมติดตามการสาธิตสินค้าของครีเอเตอร์และร่วมสนทนา แอปพลิเคชันของคุณจัดการแค็ตตาล็อกและประสบการณ์การซื้อ

การรับชมกิจกรรมสดบน Flutter

นำงานนำเสนอและผู้ชมเข้าสู่แอป Flutter ของคุณ เชื่อมต่อหน้าจอรับชมกับห้องเพื่อให้ผู้ใช้ติดตามอีเวนต์สดได้

ความสามารถของ FLUTTER LIVE

ฟีเจอร์การสตรีมสด Flutter

เริ่มไลฟ์

  • บทบาทโฮสต์และผู้ชม
  • การจัดการวงจรชีวิตของห้อง

เชื่อมโยงผู้คนเข้าด้วยกัน

  • การเล่นวิดีโอสด
  • การมีส่วนร่วมของผู้ชม

ทำให้เป็นของคุณเอง

  • เค้าโครงแอปพลิเคชันที่ยืดหยุ่น
  • องค์ประกอบเฉพาะแพลตฟอร์ม

สำรวจคอมโพเนนต์การสตรีมสดสำหรับ Flutter

เชื่อมต่อมุมมองโฮสต์ มุมมองผู้ชม และรายการห้องไลฟ์เข้ากับระบบนำทางของแอป

ตัวอย่างสำหรับโฮสต์

มอบพื้นที่เริ่มต้นให้ครีเอเตอร์

เพิ่มหน้าจอเตรียมความพร้อมสำหรับโฮสต์ด้วย Flutter เพื่อให้ครีเอเตอร์ดูตัวอย่างกล้องก่อนออกอากาศ เชื่อมต่อหน้าจอนี้กับบัญชีโฮสต์ที่ผ่านการตรวจสอบสิทธิ์แล้ว

อ่านเอกสาร
live_page.dart
import 'package:tencent_live_uikit/tencent_live_uikit.dart';

Navigator.push(context, MaterialPageRoute(
  builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));

การปรับแต่ง

ปรับแต่ง Flutter Live UI Kit ของคุณ

จัดวางวิดีโอ การโต้ตอบกับผู้ชม และการนำทางให้สอดคล้องกับประสบการณ์ถ่ายทอดสดในแอป Flutter

อัตลักษณ์ทางภาพของคุณ

ปรับการนำเสนอภาพด้วยตัวเลือกการปรับแต่งที่มีอยู่บนแพลตฟอร์มของคุณ

อ่านเอกสาร

เริ่มต้นใช้งาน

เพิ่มไลฟ์สตรีมมิงลงในแอป Flutter ของคุณ

  1. 01

    สร้างแอปของคุณ

    เปิดใช้งาน Live สำหรับแอปพลิเคชันและผู้ใช้ทดสอบ

    เปิดคอนโซล Live
  2. 02

    เพิ่ม UI Kit ถ่ายทอดสดสำหรับ Flutter

    ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ

    ทำตามคู่มือการผสานรวม
  3. 03

    เชื่อมต่อกับห้องแรกของคุณ

    ใช้บัญชีหนึ่งเพื่อออกอากาศและอีกบัญชีหนึ่งเพื่อรับชม

    ตั้งค่าการยืนยันตัวตน
Flutter Live UI Kit
เทอร์มินัล
flutter pub add tencent_live_uikit
live_page.dart
import '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

พูดคุยเกี่ยวกับแอปพลิเคชันของคุณ

พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ

ติดต่อฝ่ายขาย

นำไลฟ์สตรีมมิงมาสู่แอป Flutter ของคุณ

เชื่อมต่อครีเอเตอร์และผู้ชมด้วย Flutter Live Streaming UI Kit และคู่มือแพลตฟอร์ม