
npm install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 --save
pnpm install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
yarn install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
import { useLoginState } from 'tuikit-atomicx-vue3';const { login } = useLoginState();async function initLogin() {try {await login({sdkAppId: 0, // SDKAppId, refer to step 1 to obtainuserId: '', // UserID, refer to step 1 to obtainuserSig: '', // userSig, refer to step 1 to obtain});} catch (error) {console.error('Login Error:', error);}}
Parameter | Type | Description |
SDKAppID | Int | |
UserID | String | Unique identifier for the current user. It can only contain letters (a-z, A-Z), numbers (0-9), hyphens (-), and underscores (_). |
userSig | String | A ticket for TRTC authentication: Development Environment: Use GenerateTestUserSig.genTestSig locally or the UserSig Generation Tool to generate temporary credentials.Production: Generate UserSig server-side to prevent key exposure. See Server-Side UserSig Generation. |
Function | Description | Experience Link |
Host Streaming | The live streamer's entire live streaming process is supported, including pre-streaming preparation and post-streaming interactions. | |
Audience Viewing | Viewers can enter the live streamer's room to watch the live stream, connect to the microphone, view live stream room information, view online viewers, and display comments. | |
Live Streaming Kit | A comprehensive set of out-of-the-box live streaming interfaces and features are provided, including video source control, microphone connection, audience interaction, live streaming in both landscape and portrait modes, and viewer management. | |
Live Streaming List | The live stream list interface and features include a live stream list and room information display. |
Environment | Protocol | Receive Stream | Send Stream | Screen Sharing | Notes |
Production | HTTPS | ✓ | ✓ | ✓ | Recommended |
Production | HTTP | ✓ | ✗ | ✗ | - |
Local Development | http://localhost | ✓ | ✓ | ✓ | Recommended |
Local Development | http://127.0.0.1 | ✓ | ✓ | ✓ | - |
Local Development | http://[Local IP] | ✓ | ✗ | ✗ | - |
Local Development | file:// | ✓ | ✓ | ✓ | - |
Feedback