สร้างขึ้นเพื่อ FLUTTER
UI Kit การโทรวิดีโอสำหรับ Flutter
เพิ่มหน้าจอการโทรด้วย Flutter Video Calling UI Kit ของ Tencent RTC นำ TUICallKit ไปใช้ในโครงสร้างวิดเจ็ตและการนำทาง พร้อมกำหนดค่าส่วนควบคุมสายเรียกเข้าและแพลตฟอร์มเนทีฟ
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง UI Kit การโทรวิดีโอสำหรับ Flutter
คู่มือการผสานรวม
ติดตั้ง UI Kit การโทรวิดีโอสำหรับ Flutter และเชื่อมต่อผู้ใช้ของคุณ
ตัวอย่างและซอร์สโค้ด
ดูการทำงานจริงของผลิตภัณฑ์และสำรวจวิธีการนำไปใช้
การโทรผ่านวิดีโอแบบตัวต่อตัวใน Flutter
เพิ่มการสนทนาแบบเห็นหน้าลงในแอป Flutter สำหรับการติดต่อส่วนตัวหรือการให้คำปรึกษา พร้อมวิดีโอและส่วนควบคุมการโทรในประสบการณ์เดียวกัน
วิดีโอคอลกลุ่มใน Flutter
เชื่อมต่อผู้เข้าร่วมหลายคนในหน้าจอการโทร Flutter ของคุณ ใช้คู่มือแพลตฟอร์มเพื่อกำหนดค่าขั้นตอนการโทรและเลย์เอาต์กลุ่มที่รองรับ
ความสามารถของ FLUTTER CALL
ฟีเจอร์การโทรผ่านวิดีโอสำหรับ Flutter
เชื่อมโยงผู้คน
- การโทรด้วยเสียงและวิดีโอ
- การจัดการสายเรียกเข้า
ควบคุมประสบการณ์การโทรได้อย่างมั่นใจ
- ส่วนควบคุมกล้องและไมโครโฟน
- เหตุการณ์ในวงจรชีวิตของการโทร
ทำให้เป็นของคุณเอง
- ขั้นตอนการทำงานของแอปพลิเคชัน
- การผสานรวมเฉพาะแพลตฟอร์ม
สำรวจคอมโพเนนต์การโทรวิดีโอ Flutter
เชื่อมต่อ TUICallKit กับแผนผังวิดเจ็ต แล้วเริ่มการโทรจากการดำเนินการในแอป
ฝังอินเทอร์เฟซการโทรสำหรับ Flutter
เมานต์ TUICallKit ในแผนผังวิดเจ็ตและเริ่มต้นการทำงานด้วยผู้ใช้ที่ผ่านการยืนยันตัวตนแล้ว คอมโพเนนต์นี้มีอินเทอร์เฟซและส่วนควบคุมการโทรให้พร้อมใช้งาน
อ่านเอกสารMaterialApp(
navigatorObservers: [TUICallKit.navigatorObserver],
localizationsDelegates: const [AtomicLocalizations.delegate],
);เริ่มวิดีโอคอลใน Flutter
ส่ง ID ของผู้รับจากแอปพลิเคชันไปยัง API การโทร เชื่อมโยงการดำเนินการนี้กับรายชื่อติดต่อ การสนทนา หรือปุ่มโทรในอินเทอร์เฟซ Flutter
อ่านเอกสารawait TUICallKit.instance.calls(
[recipientID], CallMediaType.video, CallParams(),
);สายเรียกเข้า
เพิ่มแบนเนอร์สายเรียกเข้าในประสบการณ์ใช้งานแอปพลิเคชัน
อ่านเอกสารTUICallKit.instance.enableIncomingBanner(true);การปรับแต่ง
ปรับแต่ง UI Kit การโทรสำหรับ Flutter
ปรับหน้าจอการโทร ส่วนควบคุม และขั้นตอนสายเรียกเข้าของ Flutter ให้เหมาะกับผลิตภัณฑ์ของคุณ
เสียงเรียกเข้าและข้อมูลระบุตัวตน
ทำให้จดจำสายเรียกเข้าได้ง่ายด้วยโปรไฟล์ผู้ใช้และเสียงเรียกเข้าแบบกำหนดเอง
อ่านเอกสารเริ่มต้นใช้งาน
เพิ่มวิดีโอคอลให้แอป Flutter ของคุณ
- 01
- 02
เพิ่ม UI Kit การโทรวิดีโอสำหรับ Flutter
ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ
ทำตามคู่มือการผสานรวม - 03
เริ่มการโทรครั้งแรกของคุณ
ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองคน จากนั้นโทรออกและรับสาย
ตั้งค่าการยืนยันตัวตน
flutter pub add tencent_calls_uikitimport '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
คำถามเกี่ยวกับการผสานรวม
รับความช่วยเหลือในการตั้งค่า UI Kit การโทรวิดีโอสำหรับ Flutter
ดูเอกสารสำหรับนักพัฒนาพูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายเพิ่มการโทรวิดีโอให้แอป Flutter ของคุณ
เริ่มต้นด้วย Flutter Video Calling UI Kit เชื่อมต่อผู้ใช้ทดสอบสองราย และสร้างการโทรครั้งแรกของคุณ

