Docs Overview/
Conference/
Web/
Get Started/
Run Sample Code/

Run Sample Code

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.
2. Install dependencies.
Vue3
Vue2
cd ./TUIRoomKit/Web/example/vite-vue3-ts
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/vite-vue3-ts/src/config/basic-info-config.js file.
Note：
For Vue2 projects, open the TUIRoomKit/Web/example/webpack-vue2.7-ts/src/config/basic-info-config.js file and enter the SDKAppID and SDKSecretKey you got when you activated the service.




Step.3 Run Demo

Run Demo by typing the command in the terminal.
Vue3
Vue2
npm run dev
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.