![]() ![]() If you’re using the Agora Web UIKit in production, we strongly recommend using tokens to secure your app. The object type definition can be found here. And there’s a growing list of things to customize using RtcProps. The RtcProps object lets you customize how the UIKit works. 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. Install the Agora Web UIKit from NPM: npm i agora-react-uikit To create a React project with Typescript, you can open a terminal and execute: npx create-react-app demo -template typescript You can get the code for the example on GitHub. An Agora developer account (It’s free – sign up here!).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. TypeScript support, with no third-party dependencies.Built using modular functional components that can be recomposed.Dual-stream mode and active speaker detection.Automatically manage tokens (using two-click server deploy).Customizable UI and functionality using React properties.Responsive layouts for desktop and mobile.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! Features 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. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |