DIBINA UNTUK FLUTTER
UI Kit Penstriman Langsung Flutter
Satukan pencipta dan penonton dengan Flutter Live Streaming UI Kit daripada Tencent RTC. Tambahkan widget TUILiveKit untuk bersiaran, menonton dan menemukan bilik dalam aplikasi Flutter anda.
SUMBER PEMBANGUN
Dokumentasi & Contoh UI Kit Penstriman Langsung Flutter
Panduan Integrasi
Pasang UI Kit Penstriman Langsung Flutter dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
Demonstrasi produk langsung dalam Flutter
Benarkan penonton mengikuti demonstrasi produk pencipta dan menyertai perbualan. Aplikasi anda mengurus katalog dan pengalaman pembelian.
Tontonan acara langsung pada Flutter
Bawa pembentangan dan penontonnya ke dalam aplikasi Flutter anda. Sambungkan skrin tontonan kepada bilik supaya orang ramai boleh mengikuti acara langsung.
KEUPAYAAN FLUTTER LIVE
Ciri Penstriman Langsung Flutter
Mulakan siaran langsung
- Peranan hos dan penonton
- Pengurusan kitar hayat bilik
Satukan orang ramai
- Main balik video langsung
- Penyertaan penonton
Jadikan ia milik anda
- Susun atur aplikasi yang fleksibel
- Blok binaan khusus platform
Terokai Komponen Penstriman Langsung Flutter
Sambungkan paparan hos, paparan penonton dan senarai bilik siaran langsung kepada navigasi aplikasi anda.
Sediakan tempat untuk pencipta bermula
Tambahkan skrin persediaan hos Flutter supaya pencipta boleh melihat pratonton kamera sebelum bersiaran. Sambungkan skrin tersebut kepada akaun hos anda yang telah disahkan.
Baca dokumentasiimport 'package:tencent_live_uikit/tencent_live_uikit.dart';
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));Jadikan tontonan sebahagian daripada aplikasi anda
Buka paparan penonton Flutter dengan bilik langsung yang dipilih. Sambungkan tindakan masuk dan keluar bilik kepada navigasi aplikasi anda.
Baca dokumentasiNavigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAudienceOverlay(
roomId: liveID,
liveInfo: LiveInfo(liveID: liveID),
),
));Buka pintu kepada penemuan kandungan langsung
Tambahkan senarai yang boleh dilayari dan sambungkannya kepada aliran tontonan.
Baca dokumentasiLiveListWidget(
style: LiveListViewStyle.doubleColumn,
);PENYESUAIAN
Sesuaikan Flutter Live UI Kit Anda
Susun video, interaksi penonton dan navigasi di sekitar pengalaman langsung dalam aplikasi Flutter anda.
Identiti visual anda
Laraskan persembahan visual menggunakan pilihan penyesuaian yang tersedia pada platform anda.
Baca dokumentasiKomen & kandungan
Gabungkan bahagian pengalaman langsung yang penting kepada penonton anda.
Baca dokumentasiMULA SEKARANG
Tambahkan penstriman langsung pada aplikasi Flutter anda
- 01
- 02
Tambah UI Kit Penstriman Langsung Flutter
Ikuti panduan platform untuk menyambungkan projek anda.
Ikuti Panduan Integrasi - 03
Sambung ke bilik pertama anda
Gunakan satu akaun untuk bersiaran dan satu lagi untuk menonton.
Konfigurasikan pengesahan
flutter pub add tencent_live_uikitimport 'package:atomic_x_core/atomicxcore.dart';
await LoginStore.shared.login(
sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);Soalan Lazim UI Kit Penstriman Langsung Flutter
Apakah yang boleh saya bina dengan Flutter Live UI Kit?
Flutter Live Streaming UI Kit merangkumi antara muka hos, penonton dan senarai bilik siaran langsung. Sambungkan komponen TUILiveKit ini kepada akaun pengguna dan navigasi Flutter anda untuk menghasilkan aliran tontonan yang lengkap.
Bagaimanakah UI Kit ini berfungsi bersama SDK?
UI Kit menyediakan komponen antara muka di atas perkhidmatan asas. Pilih SDK apabila anda memerlukan lebih banyak kawalan ke atas UI aplikasi anda sendiri.
Bagaimanakah cara menyambungkan paparan tontonan langsung Flutter kepada siaran?
Dayakan perkhidmatan Live, sahkan identiti penonton dan sertai bilik yang dicipta oleh hos. Gunakan akaun berasingan untuk menguji skrin penonton Flutter dan ikuti panduan platform bagi konfigurasi.
Bagaimanakah cara saya mengesahkan pengguna Flutter Live Streaming UI Kit?
Cipta UserSig pada pelayan anda dan hantarkannya kepada klien selepas aliran log masuk anda sendiri selesai. Sentiasa simpan rahsia aplikasi pada pelayan anda.
Adakah Flutter Live Streaming UI Kit percuma untuk digunakan?
Antara muka dan perkhidmatan Live yang dihoskan mempunyai peranan yang berbeza. Aktifkan perkhidmatan untuk aplikasi anda dan semak pelan semasa, ketersediaan ciri serta caj penggunaan.
Bagaimanakah saya mengintegrasikan UI Kit Penstriman Langsung Flutter dengan Dart?
Pasang pakej Flutter dalam dokumentasi dan lengkapkan konfigurasi projek natif setiap sasaran. Uji kitar hayat widget bersama kelakuan iOS dan Android asas.
Bagaimanakah saya menguji UI Kit Penstriman Langsung Flutter sebelum melancarkan aplikasi saya?
Uji peranan hos dan penonton, acara penerbitan atau main balik disokong serta sambungan semula.
Bagaimanakah saya menyesuaikan antara muka UI Kit Penstriman Langsung Flutter?
Sesuaikan aset PNG halaman hos dan fail penyetempatan ARB dalam salinan kod sumber yang diselenggara. Contohnya, ubah label dalam livekit_en.arb dan jalankan flutter gen-l10n untuk menjana semula kod penyetempatannya. Kekalkan sambungan ComponentTheme dan pemerhati navigasi LiveKit. TUILiveRoomAnchorOverlay mesti dibuka sebagai laluan kendiri, tanpa disarangkan dalam Container atau Stack, kerana ia mengurus tingkah laku lapisan tindih dan tetingkap terapungnya sendiri.
Sokongan integrasi untuk Flutter Live
Soalan integrasi
Dapatkan bantuan persediaan untuk UI Kit Penstriman Langsung Flutter.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBawa penstriman langsung ke aplikasi Flutter anda
Hubungkan pencipta dan penonton dengan Flutter Live Streaming UI Kit serta panduan platformnya.

