This page contains information on how to prepare the development environment before enabling a video call with the Agora Web SDK.
- Install a browser supported by the Agora Web SDK as shown in the following table:
Platform Chrome 58 or later Firefox 56 or later Safari 11 or later Opera 45 or later QQ Browser 360 Secure Browser WeChat Built-in Browser Android 4.1 or later ✔ ✘ N/A ✘ ✘ ✘ ✘ iOS 11 or later ✘ ✘ ✔ ✘ ✘ ✘ ✘ macOS 10 or later ✔ ✔ ✔ ✔ ✔ ✘ ✘ Windows 7 or later ✔ ✔ N/A ✔ ✔ ✔ ✘
- Upgrade to Agora Web SDK v2.6 or later in the following scenarios:
- Safari on iOS 12.1.4 or later.
- Safari 12.1 or later on macOS.
- The Agora Web SDK v2.5 or later also supports Chrome 49 on Windows XP.
- The Agora Web SDK v2.7 or later also supports Edge on Windows 10, see Edge support for details.
- Open the ports and whitelist the domains as specified in Firewall Requirements.
- Understand the limitations in Known Issues and FAQ.
Import the Agora Web SDK to Your Project
Choose one of the following methods to obtain the Agora Web SDK:
Method 1: Get the SDK through npm
This method requires npm, see Install npm for details.
- Run the following command to install the SDK.
npm install agora-rtc-sdk
Add the following code to your project.
import AgoraRTC from 'agora-rtc-sdk'
Method 2: Get the SDK through the CDN
Add the following code to the line above
</body> in your project.
Method 3: Get the SDK from the official Agora website
Download the latest Agora Web SDK.
AgoraRTCSDK-2.8.0.jsfile to your project.
AgoraRTCSDK-2.8.0.jsfile in your project.
The screenshots are for reference only, please use the latest version of the SDK.
Preparing the Web Server
- Install a web server, such as Apache, Nginx, or Node.js.
- Import the downloaded Agora Web SDK to your web server.
- Set up your web server so that you can access the sample app page or your own app page on the supported browsers, see Prerequisites.
You have now set up the environment and can start a call/live broadcast following the steps under Quickstart Guide: