This document describes how to quickly integrate the Tencent Cloud TRTC SDK for Web into your project.
To implement TRTC on the web, the browser is required to fully support WebRTC capabilities. Currently known browsers that support WebRTC are as listed below:
|iOS||Safari||11.1.2||As Safari still has occasional bugs, it is recommended to restrain from developing iOS applications before Apple fixes such bugs.
Therefore, the WeChat Mini Program solution with better compatibility is recommended for iOS.
|Android||TBS||43600||The default built-in browser kernel of WeChat and Mobile QQ is TBS.|
|Android||Chrome||60+||H264 codec needs to be supported.|
|Windows (PC)||QQ Browser||10.2||-|
The WebView based on TBS kernel should be v43600 or above.
You can open the WebRTC capability test page in your browser to check whether WebRTC is fully supported, such as the browser environments like WeChat Official Account.
Chrome on Huawei devices and Chrome WebView-based browsers do not support H264 encoding.
The TRTC SDK for Web uses the following ports for data transfer, which should be added to the allowlist of the firewall.
Install the SDK package by using the npm command in your project:
npm install trtc-js-sdk --save
Import the module into the project script:
import TRTC from 'trtc-js-sdk';
You just need to add the following code to your webpage:
SDK download address: click here
For more information on the initialization process and how to use APIs, please see the guide below:
|Feature||Sample Code Guide|
|Basic audio/video call||Guide|
|Setting local video attributes||Guide|
|Dynamically enabling/disabling local audio/video||Guide|
|Detecting volume level||Guide|