DIBUAT UNTUK FLUTTER

UI Kit Streaming Live Flutter

Hubungkan kreator dan penonton dengan Flutter Live Streaming UI Kit dari Tencent RTC. Tambahkan widget TUILiveKit untuk menyiarkan, menonton, dan menemukan ruang dalam aplikasi Flutter Anda.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh UI Kit Streaming Live Flutter

Demo produk langsung di Flutter

Izinkan penonton mengikuti demonstrasi produk kreator dan bergabung dalam percakapan. Aplikasi Anda mengelola katalog dan pengalaman pembelian.

Menonton acara live di Flutter

Hadirkan presentasi dan audiensnya dalam aplikasi Flutter Anda. Hubungkan layar penonton ke ruang agar pengguna dapat mengikuti acara langsung.

KEMAMPUAN FLUTTER LIVE

Fitur Streaming Langsung Flutter

Mulai live

  • Peran host dan audiens
  • Pengelolaan siklus hidup ruang

Satukan orang-orang

  • Pemutaran video live
  • Partisipasi audiens

Jadikan milik Anda

  • Tata letak aplikasi yang fleksibel
  • Komponen khusus platform

Jelajahi Komponen Streaming Langsung Flutter

Hubungkan tampilan host, tampilan audiens, dan daftar ruang live ke navigasi aplikasi Anda.

Pratinjau host

Sediakan tempat bagi kreator untuk memulai

Tambahkan layar persiapan host Flutter agar kreator dapat melihat pratinjau kamera sebelum melakukan siaran. Hubungkan layar tersebut ke akun host Anda yang telah diautentikasi.

Baca dokumentasi
live_page.dart
import 'package:tencent_live_uikit/tencent_live_uikit.dart';

Navigator.push(context, MaterialPageRoute(
  builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));

PENYESUAIAN

Sesuaikan Flutter Live UI Kit Anda

Atur video, interaksi penonton, dan navigasi di seputar pengalaman live dalam aplikasi Flutter Anda.

Identitas visual Anda

Sesuaikan tampilan visual menggunakan opsi penyesuaian yang tersedia di platform Anda.

Baca dokumentasi

MULAI

Tambahkan streaming langsung ke aplikasi Flutter Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Live untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Live
  2. 02

    Tambahkan UI Kit Streaming Live Flutter

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan ke ruang pertama Anda

    Gunakan satu akun untuk melakukan siaran dan akun lainnya untuk menonton.

    Konfigurasikan autentikasi
Flutter Live UI Kit
Terminal
flutter pub add tencent_live_uikit
live_page.dart
import 'package:atomic_x_core/atomicxcore.dart';

await LoginStore.shared.login(
  sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);

FAQ UI Kit Streaming Live Flutter

Apa yang dapat saya bangun dengan Flutter Live UI Kit?

Flutter Live Streaming UI Kit mencakup antarmuka host, audiens, dan daftar ruang live. Hubungkan komponen TUILiveKit ini dengan akun pengguna dan navigasi Flutter Anda untuk membuat alur menonton yang lengkap.

Bagaimana UI Kit ini digunakan bersama SDK?

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 menghubungkan penampil live Flutter ke siaran?

Aktifkan layanan Live, autentikasi penonton, lalu masuk ke ruang yang dibuat oleh host. Gunakan akun terpisah untuk menguji layar audiens Flutter dan ikuti panduan platform untuk konfigurasinya.

Bagaimana cara mengautentikasi pengguna Flutter Live Streaming 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 Flutter Live Streaming UI Kit dapat digunakan secara gratis?

Antarmuka dan layanan Live yang dihosting memiliki peran berbeda. Aktifkan layanan untuk aplikasi Anda dan tinjau paket saat ini, ketersediaan fitur, serta biaya penggunaan.

Bagaimana cara mengintegrasikan UI Kit Live Streaming 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 Live Streaming Flutter sebelum merilis aplikasi?

Uji peran host dan penonton, peristiwa siaran atau pemutaran yang didukung, serta sambungan ulang.

Bagaimana cara menyesuaikan antarmuka UI Kit Live Streaming Flutter?

Sesuaikan aset PNG halaman host dan file lokalisasi ARB dalam salinan kode sumber yang dipelihara. Misalnya, ubah label di livekit_en.arb dan jalankan flutter gen-l10n untuk menghasilkan ulang kode lokalisasinya. Pertahankan koneksi ComponentTheme dan observer navigasi LiveKit. TUILiveRoomAnchorOverlay harus dibuka sebagai rute mandiri, bukan ditempatkan di dalam Container atau Stack, karena komponen ini mengelola overlay dan perilaku jendela mengambangnya sendiri.

Dukungan integrasi untuk Flutter Live

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Hadirkan streaming langsung di aplikasi Flutter Anda

Hubungkan kreator dan audiens dengan Flutter Live Streaming UI Kit beserta panduan platformnya.