DIBINA UNTUK WEB
SDK Penstriman Langsung Web
Bina siaran berasaskan pelayar dengan Web Live Streaming SDK for Vue 3 Tencent RTC. Gabungkan API bilik dan paparan video AtomicXCore dengan antara muka hos dan penonton anda sendiri.
SUMBER PEMBANGUN
Dokumentasi & Contoh SDK Penstriman Langsung Web
Panduan Integrasi
Pasang SDK Penstriman Langsung Web dan sambungkan pengguna anda.
Contoh & Sumber
Lihat produk ini beroperasi dan terokai cara pelaksanaannya.
Demo Produk Langsung di Web
Benarkan penonton mengikuti demonstrasi produk pencipta dan menyertai perbualan. Aplikasi anda mengurus katalog dan pengalaman pembelian.
Tontonan Acara Langsung di Web
Bawa pembentangan dan audiensnya ke dalam aplikasi Web anda. Sambungkan skrin tontonan ke bilik supaya orang ramai dapat mengikuti acara langsung.
KEUPAYAAN WEB LIVE
Ciri Penstriman Langsung Web
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 API Penstriman Langsung Web
Sambungkan paparan video dan keadaan bilik AtomicXCore kepada antara muka hos dan penonton Web anda.
Tambahkan Paparan Video Langsung Web
Letakkan paparan video AtomicXCore dalam reka letak Web anda. Ikatkannya kepada keadaan bilik, sementara aplikasi anda menyediakan kawalan dan navigasi di sekelilingnya.
Baca dokumentasi<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>
<template><StreamMixer /></template>Mulakan Penstriman Langsung di Web
Sahkan hos, sediakan audio dan video setempat, kemudian cipta bilik langsung. Gunakan ID bilik yang sama untuk paparan media dan kitar hayat bilik.
Baca dokumentasiimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { createLive } = useLiveListState();
await createLive({ liveId, liveName: 'Studio sessions' });Bawa penonton menikmati detik tersebut
Gunakan ID bilik yang sama untuk menghubungkan penonton anda.
Baca dokumentasiimport { useLiveListState } from 'tuikit-atomicx-vue3';
const { joinLive } = useLiveListState();
await joinLive({ liveId });PENYESUAIAN
Sesuaikan Antara Muka Web Live Anda
Susun video, interaksi penonton dan navigasi di sekitar pengalaman langsung dalam aplikasi Web anda.
Reka letak anda
Bina antara muka anda berasaskan kanvas video teras dan keadaan bilik.
Baca dokumentasiInteraksi audiens
Perluaskan bilik dengan API penonton dan interaksi yang tersedia pada platform anda.
Baca dokumentasiMULA SEKARANG
Tambahkan Penstriman Langsung pada Aplikasi Web Anda
- 01
- 02
Tambah SDK Penstriman Langsung Web
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
npm install tuikit-atomicx-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });Soalan Lazim SDK Penstriman Langsung Web
Adakah Web Live Streaming SDK menyertakan paparan video?
Web Live Streaming SDK merangkumi paparan video dan API keadaan bilik AtomicXCore. Aplikasi anda menyediakan antara muka hos dan khalayak di sekitar paparan tersebut; pilih TUILiveKit untuk skrin siap guna.
Bagaimanakah SDK ini berfungsi bersama UI Kit?
Gunakan API SDK untuk membina antara muka anda sendiri. Pilih UI Kit jika anda mahukan skrin dan kawalan sedia guna.
Rangka kerja Web manakah yang digunakan oleh integrasi ini?
Panduan Core SDK yang dipautkan menggunakan tuikit-atomicx-vue3. Untuk pengalaman penonton React yang sedia digunakan, gunakan React Live UI Kit.
Bagaimanakah saya mengesahkan identiti pengguna Web Live Streaming SDK?
Cipta UserSig pada pelayan anda dan hantarkannya kepada klien selepas aliran log masuk anda sendiri selesai. Sentiasa simpan rahsia aplikasi pada pelayan anda.
Adakah Web Live Streaming SDK 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 SDK Penstriman Langsung Web dengan aplikasi pelayar?
Ikuti persediaan pelayar dan keperluan persekitaran disokong. Uji kebenaran yang digunakan, navigasi dan pembersihan dalam pelayar sebenar yang ingin disokong.
Bagaimanakah saya menguji SDK Penstriman Langsung Web sebelum melancarkan aplikasi saya?
Uji peranan hos dan penonton, acara penerbitan atau main balik disokong serta sambungan semula.
Bagaimanakah saya menyesuaikan antara muka SDK Penstriman Langsung Web?
Gunakan API hos dan penonton disokong dengan antara muka sendiri. Aplikasi mengurus perdagangan, tiket atau hak main balik.
Sokongan integrasi untuk Web Live
Soalan integrasi
Dapatkan bantuan persediaan untuk SDK Penstriman Langsung Web.
Lihat Dokumentasi PembangunBincangkan aplikasi anda
Bincangkan produk, jangkaan penggunaan dan keperluan integrasi anda.
Hubungi Bahagian JualanBawa Penstriman Langsung ke Aplikasi Web Anda
Hubungkan pencipta dan penonton dengan Web Live Streaming SDK serta panduan platformnya.

