KEMAMPUAN VUE LIVE
Fitur Live Streaming Vue
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 Vue Live Streaming Components
Hubungkan tampilan host, tampilan audiens, dan daftar ruang live ke navigasi aplikasi Anda.
Sediakan tempat bagi kreator untuk memulai
Tambahkan layar persiapan host Vue agar kreator dapat melihat pratinjau kamera sebelum siaran. Hubungkan layar tersebut ke akun host yang telah diautentikasi.
<script setup>
import { StreamMixer, LiveScenePanel } from "tuikit-atomicx-vue3";
</script>
<template>
<LiveScenePanel />
<StreamMixer />
</template>Jadikan pengalaman menonton bagian dari aplikasi Anda
Buka tampilan audiens Vue dengan ruang live yang dipilih. Hubungkan proses masuk dan keluar ruang dengan navigasi aplikasi Anda.
<script setup>
import { LiveCoreView, BarrageList, BarrageInput }
from "tuikit-atomicx-vue3";
</script>
<template>
<LiveCoreView />
<BarrageList />
<BarrageInput />
</template>PENYESUAIAN
Sesuaikan Vue Live UI Kit Anda
Susun video, interaksi audiens, dan navigasi di sekitar pengalaman live dalam aplikasi Vue Anda.
MULAI
Tambahkan Live Streaming ke Aplikasi Vue Anda
- 01
- 02
- 03
npm install tuikit-atomicx-vue3 \
@tencentcloud/uikit-base-component-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });FAQ UI Kit Streaming Live Vue
Apa yang dapat saya buat dengan Vue Live UI Kit?
UI Kit Streaming Langsung Vue mencakup antarmuka host, audiens, dan daftar ruang. Hubungkan komponen TUILiveKit ini ke akun pengguna dan navigasi Vue Anda untuk menciptakan alur menonton yang lengkap.
Bagaimana UI Kit ini digunakan bersama SDK?
Bagaimana cara menghubungkan penonton live Vue ke siaran?
Bagaimana cara mengautentikasi pengguna Vue Live Streaming UI Kit?
Apakah Vue Live Streaming UI Kit dapat digunakan secara gratis?
Bagaimana cara mengintegrasikan UI Kit Live Streaming Vue dengan Vue?
Bagaimana cara menguji UI Kit Live Streaming Vue sebelum merilis aplikasi?
Bagaimana cara menyesuaikan antarmuka UI Kit Live Streaming Vue?
Gunakan useLiveListState dari tuikit-atomicx-vue3 untuk mengonfigurasi tata letak host sebelum siaran. Misalnya, updateLiveInfo({ layoutTemplate: 200 }) memilih tata letak lanskap; template 600 memilih grid dinamis potret. Orientasi siaran harus dipilih sebelum mulai live dan tidak dapat diubah selama sesi. Pastikan pratinjau dan kontrol host sesuai dengan template yang dipilih, alih-alih hanya mengubah rasio aspek CSS.