#Agora video call web code
#Agora video call web free

You can use any alphanumeric string for the channel name. Users on the same channel can communicate with each other. We define the Agora App ID and channel name in the rtcProps object along with our role. We'll render the UIKit component when it's set to true and unmount it when it's false. Inside the App component we have a state variable videoCall. We're importing the AgoraUIKit component from the agora-react-uikit package.

#Agora video call web code

Let's clear the App.tsx file and start writing the code to build a video chatting app: We can pass in props to the component to customize the behavior and functionality. The component handles the logic and UI for our real-time video experience. This UIKit is easy to set up and contains a high-level component called AgoraUIKit. You can now run npm start to start the React server and visit the hello world app on localhost:3000. Note: At the time of writing this post, the current agora-react-uikit release is v0.0.5, and the current agora-rtc-sdk-ng release is v4.8.1. Npx create-react-app demo -template typescript To create a React project with Typescript, you can open a terminal and execute: You can get the code for the example on GitHub.

#Agora video call web free

If your website uses plain JavaScript or a different framework like Svelte, Vue, or Angular, you can use the UIKit as a web component! You can skip to the last section to learn more.Īn Agora developer account (It's free - sign up here!) TypeScript support, with no third-party dependencies Responsive layouts for desktop and mobileĬustomizable UI and functionality using React propertiesĪutomatically manage tokens (using two-click server deploy)ĭual-stream mode and active speaker detectionīuilt using modular functional components that can be recomposed Plug and play, no watermark or branding out of the box Support for video conferencing and live streaming If you want a deeper technical dive, read on! Now with the Agora Web UIKit, you can easily add video calling to your website with just five lines of code! It's fully featured to boot, and it comes with easy customization and is meant to be extended. When you're building a live video streaming or a video conferencing website with Agora, a few technical steps might slow you down.