Tencent Cloud

Recent Pages

Web&H5（Vue2）

Last updated: 2024-12-23 17:27:41

This article describes how to quickly run through the TUIRoomKit sample project and experience high-quality multiplayer video conferencing. You can run through the demo in less than 10 minutes and experience a multiplayer videoconferencing with a complete UI.
﻿
﻿
﻿
Prerequisites
Node.js version: Node.js ≥ 16.19.1 (we recommend using the official LTS version, please match the npm version with the node version).
Modern browser, supporting WebRTC APIs.
Step.1 Download Demo
1. Open the Terminal, copy and paste the sample command to clone the repository.
git clone https://github.com/Tencent-RTC/TUIRoomKit.git﻿
2. Install dependencies.
cd ./TUIRoomKit/Web/example/webpack-vue2.7-ts
npm install
Step.2 Configure Demo
﻿Go to the Activate Service page and get the SDKAppID and SDKSecretKey, then fill them in the TUIRoomKit/Web/example/webpack-vue2.7-ts/src/config/basic-info-config.js file.
﻿
﻿
﻿
Step.3 Run Demo
Run Demo by typing the command in the terminal.
npm run serve
Note：
For local environment, please access under localhost protocol, please refer to the description of network access protocol.
Step.4 Make your first Conference
1. Open a browser page and enter the corresponding URL.
﻿
﻿
﻿
2. Click on the New Room to create your first conference room. 
﻿
﻿
﻿