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

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.

Pratonton hos

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 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

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 dokumentasi

MULA SEKARANG

Tambahkan penstriman langsung pada aplikasi Flutter anda

  1. 01

    Cipta aplikasi anda

    Aktifkan Live untuk aplikasi dan pengguna ujian anda.

    Buka Konsol Live
  2. 02

    Tambah UI Kit Penstriman Langsung Flutter

    Ikuti panduan platform untuk menyambungkan projek anda.

    Ikuti Panduan Integrasi
  3. 03

    Sambung ke bilik pertama anda

    Gunakan satu akaun untuk bersiaran dan satu lagi untuk menonton.

    Konfigurasikan pengesahan
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,
);

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

Bincangkan aplikasi anda

Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.

Hubungi Bahagian Jualan

Bawa penstriman langsung ke aplikasi Flutter anda

Hubungkan pencipta dan penonton dengan Flutter Live Streaming UI Kit serta panduan platformnya.