DIBUAT UNTUK FLUTTER
UI Kit Konferensi Video Flutter
Tambahkan ruang rapat siap pakai ke aplikasi seluler Flutter. Hubungkan pengguna iOS dan Android dengan UI Kit Konferensi Video Flutter.
SUMBER DAYA DEVELOPER
Dokumentasi & Contoh UI Kit Konferensi Video Flutter
Panduan Integrasi
Instal UI Kit Konferensi Video Flutter dan hubungkan pengguna Anda.
Contoh & Source
Lihat produk ini beraksi dan pelajari cara penerapannya.
Satu percakapan lintas perangkat
Hubungkan tim produk yang meninjau bahan dari perangkat iOS dan Android.
Jadikan pelajaran kerajinan sebuah percakapan
Biarkan instruktur mendemonstrasikan teknik saat pelajar berbagi kemajuan dari ponsel.
KEMAMPUAN FLUTTER ROOM
Ruang untuk aplikasi Anda
Siklus hidup ruang
- Buat dan bergabung ke ruang
- Tangani keluar dan mengakhiri sesi
Percakapan langsung
- Hubungkan video peserta
- Kontrol kamera dan mikrofon
Pengalaman peserta
- Tampilkan anggota ruang
- Tampilkan perubahan status ruang
Identitas aplikasi
- Hubungkan ID pengguna Anda
- Autentikasi dengan UserSig dari server
Integrasi platform
- Aplikasi seluler Flutter
- Ikuti izin native atau browser
Alur produk Anda
- Hubungkan ruang ke navigasi
- Simpan data bisnis dalam aplikasi
Jelajahi komponen rapat Flutter
Lihat pengalaman ruang dan kode di baliknya.
Tempat untuk semua
Pasang tampilan rapat dengan UI Kit Konferensi Video Flutter. Aplikasi menyediakan pengguna terautentikasi dan ID ruang.
Baca dokumentasiimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));Hubungkan identitas aplikasi
Masuk dengan ID aplikasi, ID pengguna, dan UserSig dari server. Masuk ruang setelah login berhasil.
Baca dokumentasiimport 'package:atomic_x_core/atomicxcore.dart';
final result = await LoginStore.shared.login(
sdkAppID: sdkAppID, userID: userID, userSig: userSig,
);
if (result.isSuccess) {
// Open the room after successful authentication.
}Satukan peserta
Gunakan ID ruang yang ada untuk membawa pengguna ke sesi yang sama.
Baca dokumentasiimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget.
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: const RoomBehavior.enter(),
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));PENYESUAIAN
Jadikan ruang menyatu dengan produk
Jaga pengalaman Flutter tetap terhubung
Integrasikan RoomMainWidget dengan rute, ComponentTheme, delegates lokalisasi, dan RoomNavigatorObserver.
Baca dokumentasiJaga agar percakapan terus berjalan
Tampilkan status peserta dan kontrol ruang dalam antarmuka yang jelas. Periksa izin host pada paket Room Anda.
Baca dokumentasiMULAI
Wujudkan ruang pertama Anda
- 01
- 02
Tambahkan UI Kit Konferensi Video Flutter
Ikuti panduan platform untuk menghubungkan proyek Anda.
Ikuti Panduan Integrasi - 03
Hubungkan ke ruang pertama Anda
Hubungkan pengguna uji terautentikasi ke ruang yang sama. Periksa izin perangkat sebelum mengaktifkan kamera dan mikrofon.
Konfigurasikan autentikasi
flutter pub add tencent_conference_uikitimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));FAQ UI Kit Konferensi Video Flutter
Apa saja yang disertakan UI Kit Konferensi Video Flutter?
UI Kit Konferensi Video Flutter menyediakan antarmuka siap pakai dengan masuk ruang, tampilan video, dan kontrol peserta. Aplikasi menyediakan identitas dan alur bisnis.
Bagaimana mengintegrasikan UI Kit Konferensi Video Flutter?
Konfigurasikan proyek host iOS dan Android serta dependensi pubspec. UI Kit memerlukan ComponentTheme, delegates lokalisasi, dan RoomNavigatorObserver; halaman ini untuk aplikasi seluler.
Bagaimana pengguna masuk ke UI Kit Konferensi Video Flutter?
Gunakan SDKAppID, ID pengguna, dan UserSig yang dibuat di server. Jangan masukkan rahasia aplikasi ke kode browser atau seluler. Tangani kegagalan autentikasi sebelum masuk ruang.
Bisakah pengalaman rapat disesuaikan?
Sesuaikan komponen dan konfigurasi yang didokumentasikan. Sumber UI Kit native menyediakan tampilan ruang dan toolbar; periksa opsi yang didukung pada panduan platform.
Bagaimana harga Room ditentukan?
Biaya ditentukan fitur paket Room dan penggunaan audio/video. Periksa halaman harga Conference terkini untuk kemampuan serta batas yang disertakan.
Sebaiknya memilih UI Kit atau SDK?
Pilih SDK untuk antarmuka ruang dan penanganan status sendiri. Pilih UI Kit untuk layar rapat siap pakai yang dapat diintegrasikan dan disesuaikan.
Bagaimana mengintegrasikan UI Kit Konferensi 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 menguji UI Kit Konferensi Video Flutter sebelum merilis aplikasi?
Uji masuk terautentikasi, perubahan peserta, serta kontrol kamera, mikrofon, dan keluar yang didukung.
Bagaimana menyesuaikan antarmuka UI Kit Konferensi Video Flutter?
Buat fork paket room TUIKit_Flutter untuk perubahan tingkat kode sumber pada RoomMainWidget dan widget anaknya. Misalnya, sesuaikan urutan tombol RoomBottomBarWidget dan arahkan dependensi tencent_conference_uikit ke fork serta branch Anda. Jangan mengandalkan perubahan di dalam .pub-cache karena operasi dependensi dapat menimpanya. Pertahankan tindakan ruang dari setiap kontrol dan pastikan izin native serta navigasi ruang tetap terkonfigurasi.
Dukungan integrasi untuk Flutter Room
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk UI Kit Konferensi Video Flutter.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanSediakan ruang untuk ide berikutnya
Satukan orang dalam aplikasi Anda.

