Produk
AI Percakapan
Tingkatkan platform Anda dengan interaksi audio dan video langsung yang didukung AI.
trtc-cartesia
Call
UIKit
Core SDK
Bangun fitur panggilan video dan suara dalam aplikasi dengan mudah
Room
UIKit
Core SDK
Tambahkan fitur rapat ke aplikasi Anda dengan Room SDK
Live
UIKit
Core SDK
Tambahkan streaming langsung video dan suara interaktif ke aplikasi Anda
Chat
UIKit
Core SDK
Tambahkan pengalaman berkirim pesan ke aplikasi Anda dengan Chat API
Push
Core SDK
Jangkau dan libatkan kembali pengguna secara instan dengan App Push dan Web Push
RTC Engine
Core SDK
Tingkatkan komunikasi waktu nyata dalam aplikasi dengan RTC SDK
In-game Voice Chat
Core SDK
Bangun obrolan suara dalam game yang imersif dengan GVoice SDK
Beauty AR
Core SDK
Integrasikan Beauty AR untuk gambar dan video secara real-time
Bandingkan Produk
Pilih produk yang paling sesuai untuk Anda melalui perbandingan.
Pilih produk yang paling sesuai untuk Anda melalui perbandingan.
Solusi
Industri
Hiburan Sosial
Web 3.0
Pendidikan Daring
E-commerce Ritel
Telekesehatan
Layanan Keuangan
Iman dan Spiritualitas
Interaksi Penggemar-Artis
Interaksi Olahraga Piala Dunia
Kasus Penggunaan
AI Percakapan
Layanan Obrolan Sesuai Permintaan
Streaming Langsung Hiburan
Ruang Obrolan Suara
Konsol Game Interaktif
Pemberian Hadiah dalam Siaran Langsung
Streaming Langsung Gim
Pesan Sosial
Kencan 1v1
Filter Wajah
Coba Virtual
Alat Produktivitas
Obrolan Suara dalam Game
Teleoperasi Real-Time
Rapat AI
Chatbot AI
Terjemahan Waktu Nyata & Konversi Ucapan ke Teks
TenChaty AI: Chatbot AI Cerdas untuk E-Commerce
TenChaty AI: Chatbot AI Cerdas untuk E-Commerce
Kisah Sukses
Pengembang
Dokumentasi
Agent Skills
NEW
Unduhan SDK
MULAI CEPAT
Call
Room
Live
Chat
Push
RTC Engine
In-game Voice Chat
Beauty AR
Conversational AI
DUKUNGAN TEKNIS
Stack Overflow
Github
Telegram
WhatsApp
Pusat Pengembang
Mulai membangun dengan mudah melalui tutorial mulai cepat, contoh kode, sumber daya utama, dan lainnya.
Mulai membangun dengan mudah melalui tutorial mulai cepat, contoh kode, sumber daya utama, dan lainnya.
Demo
Call
Room
Chat
App Builder
Fitur RTC
Beauty AR
Conversational AI
Live
Mesin Capit Online
Semua Demo
Jika Anda ingin mempelajari lebih lanjut, silakan kunjungi pustaka demo kami.
Harga
Semua Harga
Paket Pemula
Kalkulator Harga
Harga Produk
Call
Room
Chat
Peningkatan Paket Gratis
Push
RTC Engine
Beauty AR
Live
Dapatkan Harga Khusus
Dapatkan proposal harga lengkap yang disesuaikan dengan kebutuhan Anda.
Dapatkan proposal harga lengkap yang disesuaikan dengan kebutuhan Anda.
Perusahaan
PERUSAHAAN
Mengapa Tencent RTC
Kepatuhan & Privasi
Jadilah Mitra
Program Afiliasi
SUMBER DAYA
Blog
Kisah Sukses
Acara
Lokapasar
MEDIA SOSIAL
Linkedin
YouTube
X
Facebook
Discord
Program Afiliasi
Raih Komisi Terdepan di Industri hingga 25% dengan Program Afiliasi Tencent RTC
Unlock Industry-Leading 25% Commissions with Tencent RTC Affiliate Program
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!
🚀Kemitraan Strategis Tencent RTC x Cartesia
Mendukung AI percakapan generasi terbaru dengan interaksi suara yang terdengar nyata dan waktu respons secepat kilat!
AI Percakapan
Bangun AI percakapan dalam hitungan menit. Latensi sangat rendah, seperti manusia, dan mendukung lintas platform!
Program Afiliasi
Dapatkan komisi berulang hingga 25%. Monetisasi pengaruh Anda hari ini!

DIBUAT UNTUK REACT

UI Kit Streaming Live React

Tambahkan fitur menonton video live dengan React Live Streaming UI Kit dari Tencent RTC. Gabungkan komponen penonton, komentar audiens, dan daftar ruang live menjadi pengalaman menonton yang dapat disesuaikan.

Mulai MembangunJelajahi Demo Live

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh UI Kit Streaming Live React

Tonton Demo Produk di React

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

Jelajahi Live Shopping

Menonton Acara Live dengan React

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

Jelajahi Streaming Acara

KEMAMPUAN REACT LIVE

Fitur Menonton Video Live React

Tonton live

  • Komponen video live streaming
  • Masuk dan keluar ruang

Bergabung dalam percakapan

  • Komentar audiens
  • Komponen daftar penonton

Pelajari lebih lanjut

  • Daftar ruang live
  • Navigasi aplikasi Anda

Jelajahi Komponen Streaming Langsung React

Gabungkan tampilan video, komentar audiens, dan penemuan ruang dalam tata letak komponen React Anda.

Video live

Utamakan momen siaran langsung

Sematkan komponen video langsung dalam tata letak React dan hubungkan ke siaran yang sudah ada. Integrasi ini menyediakan pengalaman menonton bagi audiens.

Baca dokumentasi
LivePlayer.tsx
import { LiveView } from 'tuikit-atomicx-react';

export function VideoPanel() {
  return <LiveView />;
}

PENYESUAIAN

Sesuaikan React Live UI Kit Anda

Atur video, interaksi audiens, dan navigasi di sekitar pengalaman live dalam aplikasi React Anda.

Identitas visual Anda

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

Baca dokumentasi

MULAI

Tambahkan Streaming Live ke Aplikasi React Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Live untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Live
  2. 02

    Tambahkan UI Kit Streaming Live React

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan ke ruang pertama Anda

    Masuk sebagai penonton dan buka ruang milik host yang sudah ada.

    Konfigurasikan autentikasi
React Live UI Kit
Terminal
npm install tuikit-atomicx-react \
  @tencentcloud/uikit-base-component-react
LivePlayer.tsx
import { useLoginState } from 'tuikit-atomicx-react';

const { login } = useLoginState();
await login({ SDKAppID, userID, userSig });

FAQ UI Kit Streaming Live React

Dapatkah saya membuat halaman siaran host dengan React?

React Live Streaming UI Kit saat ini mendukung tayangan audiens dan daftar ruang live. Streaming host React ditandai akan segera hadir; gunakan implementasi host Vue jika Anda memerlukan antarmuka siaran web yang sudah tersedia.

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 React ke siaran?

Aktifkan layanan Live, autentikasi penonton, lalu bergabung ke ruang yang dibuat oleh host. Gunakan akun terpisah untuk menguji layar penonton React dan ikuti panduan platform untuk melakukan konfigurasi.

Bagaimana cara mengautentikasi pengguna React 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 UI Kit Live Streaming React 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 React dengan React?

Inisialisasi provider sesuai dokumentasi dan susun komponen yang terhubung. Sesuaikan subscription dan cleanup dengan siklus hidup React, lalu uji navigasi serta mounting berulang pada aplikasi nyata.

Bagaimana cara menguji UI Kit Live Streaming React 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 React?

Bungkus komponen penonton React dalam UIKitProvider untuk memilih tema terang atau gelap. Misalnya, render LiveList dengan columnCount={5} dan handler onLiveRoomClick yang membuka rute penonton Anda. Handler tersebut harus menghubungkan ruang yang dipilih ke alur menonton; mengubah jumlah kolom daftar saja tidak membuat pengguna bergabung ke siaran. Integrasi React di halaman ini membangun pengalaman penonton, sementara penyiaran ditangani oleh integrasi host terpisah.

Dukungan integrasi untuk React Live

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Bangun Pengalaman Menonton Live dengan React

Hubungkan penonton Anda dengan video langsung, komentar, dan penemuan ruang.

Mulai secara gratisLihat Panduan UI Kit
Mulai dengan
10.000 Menit Gratis Setiap Bulan
Kami memberikan kuota bulanan gratis kepada setiap pengembang selama satu tahun penuh
Hubungi Kami
Untuk pertanyaan, solusi khusus, dan layanan dukungan, jangan ragu untuk menghubungi kami kapan saja
Sumber Daya Pengembang
Mulai membangun dengan Tencent RTC