KEUPAYAAN VUE LIVE
Ciri Penstriman Langsung Vue
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 Vue Live Streaming Components
Sambungkan paparan hos, paparan penonton dan senarai bilik siaran langsung kepada navigasi aplikasi anda.
Sediakan tempat untuk pencipta bermula
Tambahkan skrin persediaan hos Vue supaya pencipta boleh melihat pratonton kamera sebelum bersiaran. Sambungkan skrin itu kepada akaun hos anda yang telah disahkan.
<script setup>
import { StreamMixer, LiveScenePanel } from "tuikit-atomicx-vue3";
</script>
<template>
<LiveScenePanel />
<StreamMixer />
</template>Jadikan tontonan sebahagian daripada aplikasi anda
Buka paparan penonton Vue dengan bilik langsung yang dipilih. Hubungkan proses masuk dan keluar bilik 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 penonton dan navigasi di sekitar pengalaman langsung dalam aplikasi Vue anda.
MULA SEKARANG
Tambahkan Penstriman Langsung pada 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 });Soalan Lazim UI Kit Penstriman Langsung Vue
Apakah yang boleh saya bina dengan Vue Live UI Kit?
UI Kit Penstriman Langsung Vue merangkumi antara muka hos, penonton dan senarai bilik. Sambungkan komponen TUILiveKit ini kepada akaun pengguna dan navigasi Vue anda untuk mewujudkan aliran tontonan yang lengkap.
Bagaimanakah UI Kit ini berfungsi bersama SDK?
Bagaimanakah saya menyambungkan penonton langsung Vue kepada siaran?
Bagaimanakah saya mengesahkan pengguna Vue Live Streaming UI Kit?
Adakah Vue Live Streaming UI Kit percuma untuk digunakan?
Bagaimanakah saya mengintegrasikan UI Kit Penstriman Langsung Vue dengan Vue?
Bagaimanakah saya menguji UI Kit Penstriman Langsung Vue sebelum melancarkan aplikasi saya?
Bagaimanakah saya menyesuaikan antara muka UI Kit Penstriman Langsung Vue?
Gunakan useLiveListState daripada tuikit-atomicx-vue3 untuk mengkonfigurasi susun atur hos sebelum bersiaran. Contohnya, updateLiveInfo({ layoutTemplate: 200 }) memilih susun atur landskap; templat 600 memilih grid dinamik potret. Orientasi siaran mesti dipilih sebelum siaran langsung bermula dan tidak boleh ditukar semasa sesi. Pastikan pratonton dan kawalan hos sepadan dengan templat yang dipilih, dan jangan hanya mengubah nisbah aspek CSS.