DIBUAT UNTUK FLUTTER

UI Kit Panggilan Video Flutter

Tambahkan layar panggilan dengan Flutter Video Calling UI Kit dari Tencent RTC. Tempatkan TUICallKit dalam hierarki widget dan navigasi Anda, lalu konfigurasikan kontrol panggilan masuk dan platform native.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh UI Kit Panggilan Video Flutter

Panggilan video satu lawan satu di Flutter

Hadirkan percakapan tatap muka di aplikasi Flutter Anda untuk hubungan pribadi atau konsultasi, lengkap dengan video dan kontrol panggilan dalam satu pengalaman.

Panggilan video grup di Flutter

Hubungkan beberapa peserta dalam layar panggilan Flutter Anda. Gunakan panduan platform untuk mengonfigurasi alur panggilan dan tata letak grup yang didukung.

KEMAMPUAN FLUTTER CALL

Fitur Panggilan Video Flutter

Hubungkan orang-orang

  • Panggilan suara dan video
  • Penanganan panggilan masuk

Tetap pegang kendali

  • Kontrol kamera dan mikrofon
  • Peristiwa siklus hidup panggilan

Jadikan milik Anda

  • Alur aplikasi Anda
  • Integrasi khusus platform

Jelajahi Komponen Panggilan Video Flutter

Hubungkan TUICallKit ke pohon widget, lalu mulai panggilan dari tindakan dalam aplikasi Anda.

Antarmuka panggilan

Sematkan Antarmuka Panggilan Flutter Anda

Pasang TUICallKit dalam hierarki widget Anda dan lakukan inisialisasi dengan pengguna yang telah diautentikasi. Komponen ini menyediakan antarmuka dan kontrol panggilan.

Baca dokumentasi
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

PENYESUAIAN

Sesuaikan UI Kit Panggilan Flutter Anda

Sesuaikan layar panggilan, kontrol, dan alur panggilan masuk Flutter dengan produk Anda.

Tata letak & kontrol

Sesuaikan pengalaman panggilan menggunakan opsi penyesuaian dalam panduan platform Anda.

Baca dokumentasi

MULAI

Tambahkan Panggilan Video ke Aplikasi Flutter Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Call untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Call
  2. 02

    Tambahkan UI Kit Panggilan Video Flutter

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Mulai panggilan pertama Anda

    Masuk sebagai dua pengguna uji, lalu lakukan dan jawab panggilan.

    Konfigurasikan autentikasi
Flutter Call UI Kit
Terminal
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);

FAQ UI Kit Panggilan Video Flutter

Apa saja yang disertakan dalam Flutter Video Calling UI Kit?

Flutter Video Calling UI Kit menyediakan layar TUICallKit dan kontrol panggilan. Hubungkan ke identitas pengguna dan pohon widget Anda; layanan Call akan menghubungkan peserta.

Haruskah saya menggunakan SDK panggilan Flutter atau UI Kit?

UI Kit menyediakan komponen antarmuka di atas layanan yang mendasarinya. Pilih SDK jika Anda memerlukan kontrol lebih besar atas UI aplikasi Anda sendiri.

Bagaimana cara kerja panggilan masuk Flutter di latar belakang?

Konfigurasikan persyaratan push native dan siklus hidup aplikasi sesuai panduan Flutter. Uji panggilan masuk saat aplikasi berada di latar depan, latar belakang, dan offline pada perangkat nyata; menampilkan layar panggilan saja tidak menyelesaikan penyiapan tersebut.

Bagaimana cara mengautentikasi pengguna Flutter Video Calling UI Kit?

Buat UserSig di server Anda dan teruskan ke klien setelah alur login Anda sendiri selesai. Selalu simpan rahasia aplikasi di server Anda.

Apakah UI Kit Panggilan Video Flutter dapat digunakan secara gratis?

Antarmuka dan layanan Call yang di-host memiliki peran berbeda. Aktifkan layanan untuk aplikasi Anda, lalu tinjau paket saat ini, ketersediaan fitur, dan biaya penggunaan.

Bagaimana cara mengintegrasikan UI Kit Panggilan Video Flutter dengan Dart?

Instal paket Flutter dalam dokumentasi dan selesaikan konfigurasi proyek native tiap target. Uji siklus hidup widget bersama perilaku iOS dan Android di bawahnya.

Bagaimana cara menguji UI Kit Panggilan Video Flutter sebelum merilis aplikasi?

Uji status undangan, menerima, menolak, dan mengakhiri panggilan antara pengguna terpisah, termasuk penolakan izin.

Bagaimana cara menyesuaikan antarmuka UI Kit Panggilan Video Flutter?

Sesuaikan kontrol panggilan Flutter melalui resource assets/images milik UI Kit. Misalnya, ganti camera_off.png dengan gambar kamera nonaktif Anda sambil mempertahankan referensi asetnya. Simpan perubahan ini dalam salinan kode sumber yang dipelihara, bukan dengan mengedit cache pub. Pertahankan TUICallKit.navigatorObserver dan delegat lokalisasi di MaterialApp; perubahan visual tidak menggantikan konfigurasi navigasi, siklus hidup, atau izin native.

Dukungan integrasi untuk Flutter Call

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Tambahkan panggilan video ke aplikasi Flutter Anda

Mulai dengan Flutter Video Calling UI Kit, hubungkan dua pengguna uji, dan bangun panggilan pertama Anda.