ĐƯỢC XÂY DỰNG CHO WEBTÍNH NĂNG WEB LIVE
Tính năng phát trực tiếp trên Web
Bắt đầu phát trực tiếp
- Vai trò host và khán giả
- Quản lý vòng đời phòng
Kết nối mọi người
- Phát video trực tiếp
- Sự tham gia của khán giả
Biến nó thành của bạn
- Bố cục ứng dụng linh hoạt
- Các thành phần dành riêng cho từng nền tảng
Khám phá API phát trực tiếp trên Web
Kết nối chế độ xem video và trạng thái phòng của AtomicXCore với giao diện Web dành cho người dẫn và khán giả.
Thêm chế độ xem video trực tiếp trên Web
Đặt chế độ xem video AtomicXCore trong bố cục Web. Liên kết chế độ xem này với trạng thái phòng, trong khi ứng dụng của bạn cung cấp các nút điều khiển và hệ thống điều hướng xung quanh.
<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>
<template><StreamMixer /></template>Bắt đầu phát trực tiếp trên Web
Xác thực người dẫn, chuẩn bị âm thanh và video cục bộ, rồi tạo phòng trực tiếp. Sử dụng cùng một ID phòng cho giao diện nội dung đa phương tiện và vòng đời của phòng.
import { useLiveListState } from 'tuikit-atomicx-vue3';
const { createLive } = useLiveListState();
await createLive({ liveId, liveName: 'Studio sessions' });TÙY CHỈNH
Tùy chỉnh giao diện Web Live
Sắp xếp video, hoạt động tương tác với khán giả và điều hướng xoay quanh trải nghiệm trực tiếp trong ứng dụng Web.
BẮT ĐẦU
Thêm tính năng phát trực tiếp vào ứng dụng Web
- 01
- 02
- 03
npm install tuikit-atomicx-vue3import { useLoginState } from 'tuikit-atomicx-vue3';
const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });Câu hỏi thường gặp về SDK phát trực tiếp cho Web
Web Live Streaming SDK có bao gồm chế độ xem video không?
Web Live Streaming SDK bao gồm các chế độ xem video và API trạng thái phòng của AtomicXCore. Ứng dụng của bạn cung cấp giao diện dành cho người dẫn và khán giả xoay quanh các chế độ xem đó; hãy chọn TUILiveKit nếu cần các màn hình dựng sẵn.