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

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.

Tampilan rapat

Tempat untuk semua

Pasang tampilan rapat dengan UI Kit Konferensi Video Flutter. Aplikasi menyediakan pengguna terautentikasi dan ID ruang.

Baca dokumentasi
room_screen.dart
import '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,
    ),
  ),
));

PENYESUAIAN

Jadikan ruang menyatu dengan produk

Jaga pengalaman Flutter tetap terhubung

Integrasikan RoomMainWidget dengan rute, ComponentTheme, delegates lokalisasi, dan RoomNavigatorObserver.

Baca dokumentasi

MULAI

Wujudkan ruang pertama Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Room untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Room
  2. 02

    Tambahkan UI Kit Konferensi Video Flutter

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 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 Room UI Kit
Terminal
flutter pub add tencent_conference_uikit
room_screen.dart
import '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

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Sediakan ruang untuk ide berikutnya

Satukan orang dalam aplikasi Anda.