August 2023 Summaries

Ultra-low latency streaming is revolutionizing the way users consume content online, particularly in the rapidly evolving television landscape. With traditional TV viewing declining, low latency streaming and new live video delivery technology are addressing challenges and opportunities arising from this shift in viewer behavior and preferences. Sub-second latency removes rebuffering and reduces video start times to milliseconds, while synchronous delivery enables seamless interaction among viewers regardless of their location. Newer technologies like software-defined networking (SDN) provide more error resilience and high-quality video delivery even in challenging network scenarios.

Agora introduces new video enhancement features designed to improve live video quality across various stages of the process. These features include Super Resolution, which upscales video quality; Perceptual Video Coding (PVC), offering up to 30% bandwidth savings without compromising quality; Region of Interest (ROI), prioritizing specific areas in videos; and an SDK update that significantly improves video and image quality while utilizing lower bitrate. These advancements aim to provide a high-quality viewing experience for users, regardless of network or device limitations.

The blog compares the performance of Agora and Vonage video SDKs for one-on-one mobile video calls under various network conditions, including constrained bandwidth, packet loss, and jitter. Testing scenarios included normal network conditions, limited bandwidth, and different levels of packet loss and jitter. Results showed that Agora consistently maintained better frame rates than Vonage in all scenarios, with smoother video performance even under challenging network conditions. Additionally, Agora used less CPU resources but more RAM compared to Vonage. The blog concludes that Agora's ability to maintain consistent performance and frame rate under varying network conditions makes it a superior choice for real-time communication tools.

Agora, a platform providing real-time communication SDKs, has launched a new Video SDK for React in beta. The guide explains how to create an account with Agora and obtain the App ID required for authorization while developing applications. It also provides instructions on setting up a React project using Vite and installing necessary dependencies. The text then delves into coding details, explaining how to initialize client objects, set up application state, display video call interfaces, and handle remote users' audio tracks. Finally, it briefly touches upon the utility of the Form component and provides an example of a simple grid of videos.

The blog compares the performance of Agora and Twilio video SDKs for one-on-one mobile video calls under various network conditions, including constrained bandwidth, packet loss, and jitter. Under normal network conditions, both platforms performed similarly with Agora at 24 FPS and Twilio at 23 FPS. However, Agora consistently maintained a better frame rate than Twilio under numerous packet loss and jitter conditions. In terms of CPU utilization, both platforms consumed similar amounts of resources while Agora used more RAM than Twilio in all scenarios. Overall, Agora's ability to maintain consistent performance and frame rate under network limitations outperforms Twilio.

This article provides a step-by-step guide on how to build a video call app using Astro, a popular web development framework. The author uses the agora-react-uikit package, which is a React wrapper for Agora UI Kit, to create the video call functionality. Tailwind CSS is used for minor styling of the application. To get started, users need to sign up for an Agora account and retrieve their App ID from the dashboard. They then initialize an Astro project by adding Tailwind CSS, React, and the agora-react-uikit package. The structure of the project is outlined, with key components including Call.tsx, Layout.astro, index.astro, and [channelName].astro. The author explains how to create a form using Astro's server-side renderer (SSR) and retrieve form data for redirection to the call page. The call page displays the channel name and integrates with the Agora UI Kit to enable video calls. A client directive is used to ensure interactive rendering of the React component on the client side. Finally, the author summarizes the key steps involved in building a video call app using Astro, including creating an Astro project, installing necessary packages, setting up the form and redirects, and integrating with the Agora UI Kit for video calling functionality. The code for this project can be found on GitHub, and more information about Agora video calling is available on their website.