tencent cloud

All product documents
Tencent Real-Time Communication
DocumentationTencent Real-Time CommunicationMulti-Participant Conference (with UI)Run Demo（TUIRoomKit）Web&H5（Vue3/Vue2）
Web&H5（Vue3/Vue2）
Download PDF
Last updated: 2024-12-26 14:40:47
Web&H5（Vue3/Vue2）
Last updated: 2024-12-26 14:40:47
Download PDF
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.



Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon