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

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.

Kanvas video

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
LiveRoom.vue
<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>

<template><StreamMixer /></template>

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 dokumentasi

MULAI

Tambahkan Streaming Live ke Aplikasi Web Anda

  1. 01

    Buat aplikasi Anda

    Aktifkan Live untuk aplikasi dan pengguna uji Anda.

    Buka Konsol Live
  2. 02

    Tambahkan SDK Streaming Live Web

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan ke ruang pertama Anda

    Gunakan satu akun untuk melakukan siaran dan akun lainnya untuk menonton.

    Konfigurasikan autentikasi
Web Live SDK
Terminal
npm install tuikit-atomicx-vue3
LiveRoom.vue
import { 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

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Hadirkan Streaming Langsung di Aplikasi Web Anda

Hubungkan kreator dan audiens dengan Web Live Streaming SDK serta panduan platformnya.