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
Panduan Integrasi
Instal UI Kit Streaming Live Flutter dan hubungkan pengguna Anda.
Contoh & Source
Lihat produk ini beraksi dan pelajari cara penerapannya.
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.
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 dokumentasiimport 'package:tencent_live_uikit/tencent_live_uikit.dart';
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));Jadikan pengalaman menonton bagian dari aplikasi Anda
Buka tampilan audiens Flutter dengan ruang live yang dipilih. Hubungkan proses masuk dan keluar ruang dengan navigasi aplikasi Anda.
Baca dokumentasiNavigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAudienceOverlay(
roomId: liveID,
liveInfo: LiveInfo(liveID: liveID),
),
));Buka jalan menuju penemuan konten live
Tambahkan daftar yang dapat dijelajahi dan hubungkan ke alur menonton.
Baca dokumentasiLiveListWidget(
style: LiveListViewStyle.doubleColumn,
);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 dokumentasiMULAI
Tambahkan streaming langsung ke aplikasi Flutter Anda
- 01
- 02
Tambahkan UI Kit Streaming Live Flutter
Ikuti panduan platform untuk menghubungkan proyek Anda.
Ikuti Panduan Integrasi - 03
Hubungkan ke ruang pertama Anda
Gunakan satu akun untuk melakukan siaran dan akun lainnya untuk menonton.
Konfigurasikan autentikasi
flutter pub add tencent_live_uikitimport '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
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk UI Kit Streaming Live Flutter.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanHadirkan streaming langsung di aplikasi Flutter Anda
Hubungkan kreator dan audiens dengan Flutter Live Streaming UI Kit beserta panduan platformnya.

