April 2021 Summaries

This tutorial demonstrates how to add a camera overlay to a screen-share feed and stream that as a single video track via the Agora SDK, which helps deliver a more seamless and reliable presentation experience in a video calling application. The project setup includes creating an HTML file, sourcing the Agora Web SDK using the CDN link, and initializing a variable to store the App ID generated from the Agora console. The implementation involves setting up AgoraRTC, building a basic user interface, and implementing video multiplexing. Testing is done by starting a web server and inputting the channel name and username, allowing for any needed permissions and selecting which screen to share.

In this tutorial, a one-on-one video conferencing tool is created using Agora and vanilla JavaScript. The resulting application allows for patient-doctor, mentor-mentee, client-contractor, or consultant video calls. The project setup includes creating an "agora-demo" folder and opening it in Visual Studio Code. HTML structure, styling, connecting to Agora, and creating the video conferencing are all covered in detail. The final result is a functional meeting tool that can be tested by duplicating the index.html file in different browser tabs.

In this tutorial, we learn how to generate tokens for secure authentication in webRTC applications. Tokens are dynamic keys used when a user joins an RTC channel or logs into an RTM system. They need to be regenerated after a set interval of time (<24 hours). We can use our own server to generate tokens, or we can use the example provided in this tutorial. The token is linked with a channel name and UID, which distinguishes users in the channel. When a user's token is about to expire, Agora provides a callback function that allows us to generate a new token and renew it using the `renewToken()` method.

This tutorial guides developers on adding cloud recording functionality to a React Native video chat application using Agora Cloud Recording. The process involves setting up an Agora developer account, creating an AWS account for Amazon S3 bucket storage, and deploying a Golang server to handle requests from the app. The tutorial also covers enabling cloud recording in the Agora console, obtaining necessary credentials, and integrating these elements into the React Native application. By the end of this tutorial, developers will be able to record and save video calls from their applications for later access.

The author describes creating a clone of their college's lecture software using the Agora Flutter SDK. They leverage the Agora RTM SDK to simplify the process, allowing users to join and interact with hosts in various channels. The project setup includes prerequisites such as an Agora developer account, Flutter SDK, and a basic understanding of Flutter development. The software features a login page, lobby, and video chat page for group calls. The final application allows dynamic channel creation and management, making it scalable.

The Agora Web SDK allows users to join multiple channels at once while building real-time engagement apps. This feature can be used for various use cases, such as hosting a live session with an audience and having a separate channel for backstage information or updates. In this example, we create a website that lets users join two separate channels: one for video calls where they stream their videos and receive others' videos, and another to receive video streams from all users on the channel without transmitting their own. The Agora Web NG SDK is used for this demonstration.

This tutorial guides developers through integrating video calling features into their applications using vanilla JavaScript and the Agora Web NG SDK. The Agora Video SDK abstracts away the details of maintaining a low-latency video server, load balancing, and listening to end-user events. The tutorial covers setting up an application structure, creating a client object, initializing media tracks, adding event listeners, joining a channel, publishing local tracks into the channel, and testing the project. It also provides resources for further learning about building applications using Agora SDKs and joining the Agora Developer Slack community.

In this tutorial, we explore how to add an extra layer of security to a real-time engagement application using tokens with Agora Voice or Video SDK in React Native. We discuss fetching tokens from a server and using them to join a video/voice channel. The tutorial also covers staying connected by handling token expiration events and renewing tokens before they expire, ensuring uninterrupted connections.

The article discusses the integration of video calls in a web application and highlights two top-rated cloud platforms, Agora and Twilio, that provide developer tools for this purpose. It mentions reasons why developers might switch from Twilio to the Agora SDK, such as minimal latency, easy API integration, global scalability, security, and competitive pricing. The article then provides a step-by-step guide on how to transition from Twilio to Agora using Twilio's Quickstart sample app as a baseline. It covers importing the Agora SDK, declaring variables for App ID, replacing Twilio's endpoints with Agora Client, managing users and their views, disconnecting calls, muting calls, disabling cameras, testing, and running the final code. The author also mentions other features provided by the Agora SDK and resources to learn more about its integration.

In this tutorial, we learn how to use React hooks with the Agora Web NG SDK to create a video calling app. The Agora Web SDK simplifies building real-time engagement applications by handling latency, scale, and compatibility issues. We first sign up for an account on the Agora console and obtain an App ID. Then we initialize our React project using Node, npm, and create-react-app. After installing the wrapper library for the SDK, we structure our project and write code to define the video call component, channel form component, and control components. We use hooks from the wrapper library to access client objects and track objects in any part of the application. Finally, we render user videos using AgoraVideoPlayer components and style our app with basic CSS.

In this tutorial, learn how to use Agora's real-time messaging (RTM) SDK for iOS to create a group chat application with features such as sending text and image messages, displaying members in the channel, and sharing files. The tutorial covers setting up an Agora developer account, installing necessary dependencies, creating UI screens, integrating MessageKit for message rendering, encoding and decoding messages, sending status updates, handling raised hands, and file sharing.

Agora, a company based in Santa Clara, California, provides a range of services and resources for developers, including pricing options, support plans, and developer resources. They maintain a presence on various social media platforms such as Twitter, Facebook, LinkedIn, Instagram, YouTube, Medium, and GitHub, where they engage with users and share updates. The company emphasizes compliance and privacy, offering detailed policies on privacy, cookies, and terms of service, and invites users to report any abuse. Agora utilizes cookies to enhance user experience and analyze site traffic, with users consenting to this practice by continuing to use the website, though they provide information on how to opt out.

In this tutorial, a 3D hangout environment is created using Unity 2019.4.1 (LTS) and Agora's RTM signaling layer. The setup includes video chat in the 3D environment and messaging features. Users can join or create channels to communicate with others within the network. To get started, users need an Agora account and install the necessary SDKs from Unity Asset Store and GitHub. The UI layout consists of two main states: an introductory panel for choosing a username and joining the lobby channel, and a second state containing a panel displaying active channels, input field to instantiate new channels, and a logout button. The AgoraEngine script manages video channel joining and leaving, while the UIManager updates available active channels and adjusts the UI accordingly. The RtmEngine is responsible for connecting to Agora's signaling layer and sending text messages through the network. Finally, users need to fill in their App ID in the editor and can join the Agora Developer Slack community for further assistance.

This article provides a step-by-step guide on how to build your own live streaming application using the Agora Flutter SDK. The author walks through the process of setting up the project, creating a home page for user login and role selection, building a streaming page with video call features, and adding a chat screen for audience interaction. The tutorial also covers essential functions such as enabling video, handling channel profiles, and managing event handlers. Additionally, it provides information on how to test the application once completed.