DIBUAT UNTUK WEB
SDK Streaming Live Web
Bangun siaran berbasis browser dengan Web Live Streaming SDK for Vue 3 dari Tencent RTC. Gabungkan API ruang dan tampilan video AtomicXCore dengan antarmuka host dan audiens Anda sendiri.
SUMBER DAYA DEVELOPER
Dokumentasi & Contoh SDK Streaming Live Web
Contoh & Source
Lihat produk ini beraksi dan pelajari cara penerapannya.
Demo Produk Langsung di Web
Izinkan penonton mengikuti demonstrasi produk kreator dan bergabung dalam percakapan. Aplikasi Anda mengelola katalog dan pengalaman pembelian.
Menonton Acara Langsung di Web
Hadirkan presentasi beserta audiensnya ke aplikasi Web Anda. Hubungkan layar tontonan ke room agar orang dapat mengikuti acara langsung.
KEMAMPUAN WEB LIVE
Fitur Live Streaming Web
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 API Live Streaming Web
Hubungkan tampilan video dan status ruang AtomicXCore ke antarmuka host dan penonton Web Anda.
Tambahkan Tampilan Video Live Web
Tempatkan tampilan video AtomicXCore di tata letak Web Anda. Kaitkan dengan status ruang, sementara aplikasi Anda menyediakan kontrol dan navigasi di sekitarnya.
Baca dokumentasi<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>
<template><StreamMixer /></template>Mulai Streaming Live di Web
Autentikasi host, siapkan audio dan video lokal, lalu buat ruang siaran langsung. Gunakan ID ruang yang sama untuk tampilan media dan siklus hidup ruang.
Baca dokumentasiimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { createLive } = useLiveListState();
await createLive({ liveId, liveName: 'Studio sessions' });Hadirkan penonton ke dalam momen
Gunakan ID ruang yang sama untuk menghubungkan audiens Anda.
Baca dokumentasiimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { joinLive } = useLiveListState();
await joinLive({ liveId });PENYESUAIAN
Sesuaikan Antarmuka Web Live Anda
Atur video, interaksi audiens, dan navigasi seputar pengalaman live dalam aplikasi Web Anda.
Tata letak Anda
Bangun antarmuka Anda di sekitar kanvas video utama dan status ruang.
Baca dokumentasiInteraksi audiens
Perluas fungsi ruang dengan API audiens dan interaksi yang tersedia di platform Anda.
Baca dokumentasiMULAI
Tambahkan Streaming Live ke Aplikasi Web Anda
- 01
- 02
Tambahkan SDK Streaming Live Web
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
npm install tuikit-atomicx-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });FAQ SDK Streaming Live Web
Apakah Web Live Streaming SDK menyertakan tampilan video?
Web Live Streaming SDK mencakup tampilan video dan API status ruang AtomicXCore. Aplikasi Anda menyediakan antarmuka host dan audiens di seputar tampilan tersebut; pilih TUILiveKit untuk layar siap pakai.
Bagaimana SDK ini digunakan bersama UI Kit?
Gunakan API SDK untuk membangun antarmuka Anda sendiri. Pilih UI Kit jika Anda menginginkan layar dan kontrol siap pakai.
Framework Web apa yang digunakan integrasi ini?
Panduan Core SDK yang ditautkan menggunakan tuikit-atomicx-vue3. Untuk pengalaman penonton React yang siap digunakan, gunakan React Live UI Kit.
Bagaimana cara mengautentikasi pengguna Web Live Streaming SDK?
Buat UserSig di server Anda dan teruskan ke klien setelah alur login Anda sendiri selesai. Selalu simpan rahasia aplikasi di server Anda.
Apakah Web Live Streaming SDK 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 SDK Live Streaming Web dengan aplikasi browser?
Ikuti pengaturan browser dan persyaratan lingkungan yang didukung. Uji izin yang digunakan, navigasi, dan pelepasan sumber daya di browser nyata yang akan didukung.
Bagaimana cara menguji SDK Live Streaming Web sebelum merilis aplikasi?
Uji peran host dan penonton, peristiwa siaran atau pemutaran yang didukung, serta sambungan ulang.
Bagaimana cara menyesuaikan antarmuka SDK Live Streaming Web?
Gunakan API host dan penonton yang didukung dengan antarmuka sendiri. Aplikasi mengelola perdagangan, tiket, atau hak pemutaran.
Dukungan integrasi untuk Web Live
Pertanyaan integrasi
Dapatkan bantuan penyiapan untuk SDK Streaming Live Web.
Lihat Dokumentasi PengembangDiskusikan aplikasi Anda
Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.
Hubungi Tim PenjualanHadirkan Streaming Langsung di Aplikasi Web Anda
Hubungkan kreator dan audiens dengan Web Live Streaming SDK serta panduan platformnya.

