ผลิตภัณฑ์
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 Video Calling UI Kit ของ Tencent RTC นำ TUICallKit ไปใช้ในโครงสร้างวิดเจ็ตและการนำทาง พร้อมกำหนดค่าส่วนควบคุมสายเรียกเข้าและแพลตฟอร์มเนทีฟ

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

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

การโทรผ่านวิดีโอแบบตัวต่อตัวใน Flutter

เพิ่มการสนทนาแบบเห็นหน้าลงในแอป Flutter สำหรับการติดต่อส่วนตัวหรือการให้คำปรึกษา พร้อมวิดีโอและส่วนควบคุมการโทรในประสบการณ์เดียวกัน

วิดีโอคอลกลุ่มใน Flutter

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

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

ฟีเจอร์การโทรผ่านวิดีโอสำหรับ Flutter

เชื่อมโยงผู้คน

  • การโทรด้วยเสียงและวิดีโอ
  • การจัดการสายเรียกเข้า

ควบคุมประสบการณ์การโทรได้อย่างมั่นใจ

  • ส่วนควบคุมกล้องและไมโครโฟน
  • เหตุการณ์ในวงจรชีวิตของการโทร

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

  • ขั้นตอนการทำงานของแอปพลิเคชัน
  • การผสานรวมเฉพาะแพลตฟอร์ม

สำรวจคอมโพเนนต์การโทรวิดีโอ Flutter

เชื่อมต่อ TUICallKit กับแผนผังวิดเจ็ต แล้วเริ่มการโทรจากการดำเนินการในแอป

อินเทอร์เฟซการโทร

ฝังอินเทอร์เฟซการโทรสำหรับ Flutter

เมานต์ TUICallKit ในแผนผังวิดเจ็ตและเริ่มต้นการทำงานด้วยผู้ใช้ที่ผ่านการยืนยันตัวตนแล้ว คอมโพเนนต์นี้มีอินเทอร์เฟซและส่วนควบคุมการโทรให้พร้อมใช้งาน

อ่านเอกสาร
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

การปรับแต่ง

ปรับแต่ง UI Kit การโทรสำหรับ Flutter

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

เลย์เอาต์และการควบคุม

ปรับประสบการณ์การโทรด้วยตัวเลือกการปรับแต่งในคู่มือแพลตฟอร์ม

อ่านเอกสาร

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

เพิ่มวิดีโอคอลให้แอป Flutter ของคุณ

  1. 01

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

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

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

    เพิ่ม UI Kit การโทรวิดีโอสำหรับ Flutter

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

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

    เริ่มการโทรครั้งแรกของคุณ

    ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองคน จากนั้นโทรออกและรับสาย

    ตั้งค่าการยืนยันตัวตน
Flutter Call UI Kit
เทอร์มินัล
flutter pub add tencent_calls_uikit
call_page.dart
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

await TUICallKit.instance.login(SDKAppID, userID, userSig);

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

Flutter Video Calling UI Kit มีอะไรบ้าง

Flutter Video Calling UI Kit มีหน้าจอ TUICallKit และส่วนควบคุมการโทร เชื่อมต่อกับข้อมูลประจำตัวผู้ใช้และโครงสร้าง widget ของคุณ โดยบริการ Call จะเชื่อมต่อผู้เข้าร่วม

ฉันควรใช้ SDK การโทรสำหรับ Flutter หรือ UI Kit

UI Kit มีคอมโพเนนต์อินเทอร์เฟซอยู่บนบริการพื้นฐาน เลือก SDK เมื่อต้องการควบคุม UI ของแอปพลิเคชันคุณเองได้มากขึ้น

สายเรียกเข้าใน Flutter ทำงานในเบื้องหลังอย่างไร

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

ฉันจะยืนยันตัวตนผู้ใช้ Flutter Video Calling UI Kit ได้อย่างไร

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

UI Kit การโทรผ่านวิดีโอสำหรับ Flutter ใช้งานได้ฟรีหรือไม่

อินเทอร์เฟซและบริการ Call แบบโฮสต์มีบทบาทต่างกัน เปิดใช้บริการสำหรับแอปพลิเคชันของคุณ แล้วตรวจสอบแพ็กเกจปัจจุบัน ความพร้อมใช้งานของฟีเจอร์ และค่าบริการตามการใช้งาน

จะผสานรวม UI Kit การโทรวิดีโอ Flutter กับ Dart ได้อย่างไร?

ติดตั้งแพ็กเกจ Flutter ตามเอกสารและตั้งค่าโปรเจ็กต์เนทีฟของแต่ละเป้าหมาย ทดสอบวงจรชีวิต widget ร่วมกับพฤติกรรม iOS และ Android เบื้องล่าง

จะทดสอบ UI Kit การโทรวิดีโอ Flutter ก่อนเผยแพร่แอปได้อย่างไร?

ทดสอบสถานะเชิญ รับสาย ปฏิเสธ และวางสายระหว่างผู้ใช้แยกกัน รวมถึงกรณีปฏิเสธสิทธิ์

จะปรับแต่งอินเทอร์เฟซของ UI Kit การโทรวิดีโอ Flutter ได้อย่างไร?

ปรับแต่งปุ่มควบคุมการโทรของ Flutter ผ่านทรัพยากร assets/images ของ UI Kit เช่น เปลี่ยน camera_off.png เป็นภาพปิดกล้องของคุณโดยคงการอ้างอิงแอสเซ็ตเดิมไว้ เก็บการแก้ไขเหล่านี้ในสำเนาซอร์สโค้ดที่คุณดูแล แทนการแก้ไขแคชของ pub และคง TUICallKit.navigatorObserver กับ delegate สำหรับการแปลภาษาไว้ใน MaterialApp การปรับหน้าตาไม่สามารถใช้แทนการตั้งค่าเส้นทาง วงจรชีวิต หรือสิทธิ์แบบเนทีฟได้

การสนับสนุนด้านการผสานรวมสำหรับ Flutter Call

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

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

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

เพิ่มการโทรวิดีโอให้แอป Flutter ของคุณ

เริ่มต้นด้วย Flutter Video Calling UI Kit เชื่อมต่อผู้ใช้ทดสอบสองราย และสร้างการโทรครั้งแรกของคุณ