ความสามารถของ VUE LIVE
ฟีเจอร์ไลฟ์สตรีมมิงบน Vue
เริ่มไลฟ์
- บทบาทโฮสต์และผู้ชม
- การจัดการวงจรชีวิตของห้อง
เชื่อมโยงผู้คนเข้าด้วยกัน
- การเล่นวิดีโอสด
- การมีส่วนร่วมของผู้ชม
ทำให้เป็นของคุณเอง
- เค้าโครงแอปพลิเคชันที่ยืดหยุ่น
- องค์ประกอบเฉพาะแพลตฟอร์ม
สำรวจ Vue Live Streaming Components
เชื่อมต่อมุมมองโฮสต์ มุมมองผู้ชม และรายการห้องไลฟ์เข้ากับระบบนำทางของแอป
มอบพื้นที่เริ่มต้นให้ครีเอเตอร์
เพิ่มหน้าจอเตรียมพร้อมของโฮสต์ Vue เพื่อให้ครีเอเตอร์ดูตัวอย่างกล้องก่อนออกอากาศ เชื่อมต่อหน้าจอกับบัญชีโฮสต์ที่ผ่านการตรวจสอบสิทธิ์
<script setup>
import { StreamMixer, LiveScenePanel } from "tuikit-atomicx-vue3";
</script>
<template>
<LiveScenePanel />
<StreamMixer />
</template>ทำให้การรับชมเป็นส่วนหนึ่งของแอปคุณ
เปิดมุมมองผู้ชม Vue ด้วยห้องถ่ายทอดสดที่เลือก เชื่อมต่อการเข้าและออกจากห้องกับการนำทางของแอป
<script setup>
import { LiveCoreView, BarrageList, BarrageInput }
from "tuikit-atomicx-vue3";
</script>
<template>
<LiveCoreView />
<BarrageList />
<BarrageInput />
</template>เริ่มต้นใช้งาน
เพิ่มการสตรีมสดลงในแอป Vue ของคุณ
- 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 });คำถามที่พบบ่อยเกี่ยวกับ UI Kit ถ่ายทอดสดสำหรับ Vue
ฉันสามารถสร้างอะไรได้บ้างด้วย Vue Live UI Kit
UI Kit สำหรับการสตรีมสดบน Vue มีอินเทอร์เฟซสำหรับโฮสต์ ผู้ชม และรายการห้อง เชื่อมต่อคอมโพเนนต์ TUILiveKit เหล่านี้กับบัญชีผู้ใช้และการนำทาง Vue เพื่อสร้างขั้นตอนการรับชมที่ครบถ้วน
UI Kit นี้ทำงานร่วมกับ SDK อย่างไร
ฉันจะเชื่อมต่อผู้ชมไลฟ์บน Vue เข้ากับการถ่ายทอดได้อย่างไร
ฉันจะตรวจสอบสิทธิ์ผู้ใช้ Vue Live Streaming UI Kit ได้อย่างไร
Vue Live Streaming UI Kit ใช้งานได้ฟรีหรือไม่
จะผสานรวม UI Kit ไลฟ์สตรีม Vue กับ Vue ได้อย่างไร?
จะทดสอบ UI Kit ไลฟ์สตรีม Vue ก่อนเผยแพร่แอปได้อย่างไร?
จะปรับแต่งอินเทอร์เฟซของ UI Kit ไลฟ์สตรีม Vue ได้อย่างไร?
ใช้ useLiveListState จาก tuikit-atomicx-vue3 เพื่อตั้งค่าเลย์เอาต์ของผู้จัดไลฟ์ก่อนออกอากาศ เช่น updateLiveInfo({ layoutTemplate: 200 }) จะเลือกเลย์เอาต์แนวนอน ส่วนเทมเพลต 600 จะเลือกกริดแบบไดนามิกแนวตั้ง ต้องเลือกแนวการสตรีมก่อนเริ่มไลฟ์และไม่สามารถสลับระหว่างเซสชันได้ คงภาพตัวอย่างและปุ่มควบคุมของผู้จัดไลฟ์ให้สอดคล้องกับเทมเพลตที่เลือก แทนการเปลี่ยนเฉพาะอัตราส่วนภาพด้วย CSS