1. Find and open TRTC_Web/quick-demo-js/index.html file in the downloaded source code.
2. Fill in the SDKAppId and SDKSecretKey obtained in Step2
3. Function Experience:
Click the Enter Room button to enter the room.
Click the Start Local Audio/Video button to capture microphone or camera.
Click the Stop Local Audio/Video button to stop capturing microphone or camera.
Click the Start Share Screen button to start screen sharing.
Click the Stop Share Screen button to cancel screen sharing.
4. After entering the room, you can invite others to experience the TRTC Web voice and video communication function together through the sharing invitation link.
1. Find and go to the directory TRTC_Web/quick-demo-vue2-js/ in the downloaded source code.
cd quick-demo-vue2-js
2. Run the demo locally by executing the following command in the terminal, which will automatically install dependencies and run the demo.
3. The default browser will automatically open the address http://localhost:3000/.
4. Fill in the SDKAppId and SDKSecretKey obtained in Step2.
5. Experience
Input userId and roomId
Click the Enter Room button to enter the room
Click the Start Local Audio/Video button to capture microphone or camera
Click the Stop Local Audio/Video button to stop capturing microphone or camera
Click the Start Share Screen button to start screen sharing
Click the Stop Share Screen button to stop screen sharing
6. After entering the room, you can invite others to experience TRTC's web-based audio and video communication feature by sharing the invitation link.
Note：
In the demo above, we used SDKSecretKey to generate UserSig locally in order to make it easier for you to run demo quickly. In your production environment, you cannot generate userSig in this way, because SDKSecretKey leakage may cause attackers to steal your TRTC traffic.
When you deploy your page to a production environment, you need to have your page accessed through the HTTPS(e.g. https://domain/xxx). For the reason, please refer to the document Page Access Protocol Restriction Description.
TRTC Web SDK is based on WebRTC implementation and currently supports desktop and mobile major browsers(Chrome, Edge, Safari, Firefox, Opera). For details about the browsers supported, see Supported Platforms.
URL protocol support
Because of the security policies of browsers, when you use WebRTC, there are requirements on the protocol used for access. For details, see the table below.
Yes
No
Was this page helpful?