August 2023 Summaries

The tutorial covers how to create a sticky header effect in a video call app using only CSS. The code for the sticky header is just two lines of CSS, and it allows the user to keep the video on the page while still being able to consume additional content simultaneously. The tutorial also shows how to shrink the video call UI whenever it sticks to the top of the page, providing more space to read the content below the call. To achieve this, a transition is added in the CSS and JavaScript code, which updates the width property of the video container element when the .scrolled class is applied or removed on scroll.

Daily provides global infrastructure for high-quality video and audio communications, catering to security-oriented and regulated industries such as healthcare, banking, and government services. The company has introduced an Advanced Firewall Control capability, enabling seamless connectivity for users behind highly restrictive enterprise firewalls. This feature is particularly beneficial in addressing challenges faced by customers with "default deny" firewall configurations, which block video calls unless specific servers are added to the firewall's allowlists or proxies are managed. To overcome these limitations, Daily has launched self-hosted IP proxy and self-hosted TURN features, allowing users to route signaling traffic through an HTTP proxy or specific TURN servers, respectively, resulting in 100% connectivity rates even behind restrictive firewalls.

In the blog post by Jess Mitchell dated August 22, 2023, the focus is on the design and implementation of an intuitive Leave button for video call applications, particularly using Daily Prebuilt, a video component that can be easily integrated into web apps. The article explores both technical and design considerations, such as the use of Daily's showLeaveButton property and custom Leave button creation with the Daily Client SDK for JavaScript. Key design aspects include the strategic placement of the Leave button, often isolated to prevent accidental clicks, and its red color to signal caution. The blog argues against unnecessary alerts when leaving a call, emphasizing a seamless and user-friendly experience. Additionally, it suggests providing feedback to users post-call to confirm the action and maintain a positive interaction. The Leave button's design underlines the importance of user control and accessibility, aiming to create a smooth and non-disruptive call-leaving process that enhances overall user satisfaction with the video call app.

Daily's iOS Starter Kit is a resource designed to help developers build video conferencing apps using Daily’s Client SDK for iOS and SwiftUI, without relying on third-party libraries. The kit demonstrates the integration of video call functionalities such as joining and leaving calls, toggling the microphone and camera, and managing participant views through a declarative UI framework. Core components include the CallManager class for UI state management and the CallClient class for call operations. The app uses SwiftUI's state-driven approach to ensure synchronization between the UI and app state, transitioning between various layouts based on call participation. The grid layout dynamically adjusts to participant numbers, highlighting active speakers and screen sharing. By leveraging test doubles like FakeCallManager, developers can iterate on the UI without network dependencies. This starter kit serves as a foundation for building production-ready apps, with ongoing updates and community support available through Daily's resources.

The Daily Android Starter Kit is a production-ready video conferencing app that serves as a real-world example of how to integrate the Client SDK for Android into your own products. The kit includes the full source code, which can be used as a base when building your own apps. The starter kit has been designed with production-readiness in mind, but it lacks user-friendly error handling and uses only standard layout libraries from Google. To get started, developers need to sign up for a Daily account, clone the source code, and open the project in Android Studio. The app features multiple fragments, including JoinFragment, WaitingForOthersFragment, and InCallFragment, which bind to the DemoCallService instance to get updates on the latest call state. The video grid is displayed using a custom layout, DailyGridLayout, which lays out the grid tiles in a 1:1 aspect ratio. The app uses two services, DemoCallService and DemoActiveCallService, to manage the call lifecycle and keep the app alive while it's active.

Daily’s Client SDK for JavaScript provides developers with options to optimize their call experience, including configuring simulcast layers and upstream video bandwidth caps. A new feature called `sendSettings` was introduced to make this process more intuitive, replacing the need for custom implementations like `camSimulcastEncodings` and `setBandwidth()`. The `sendSettings` approach allows developers to customize dimensions of the sent video track and update which maximum quality is sent to other participants in a call. This new feature provides more appropriate simulcast layers and more intuitive behavior, making it easier for developers to optimize their applications.

Daily Adaptive HEVC is an industry-first implementation that provides all the benefits of HEVC while preserving essential cross-platform support, allowing developers to extend HEVC capabilities to iOS users without sacrificing support for others. It works by encoding both H.265 and H.264 together, with the latter serving as a reliable fallback for scenarios where HEVC is not available, utilizing device hardware acceleration and granularly optimized encoder settings to provide parallel video streams that look great but use less device power and bandwidth. With Daily Adaptive HEVC, developers can build better mobile-centric interactive live streaming apps, enable creators on their apps to produce better recorded content, and provide enhanced experiences for iOS users, unlocking use cases that would typically bottleneck network or CPU.

Daily's WebRTC API platform offers several benefits over Zoom, including superior support for evolving use cases, more control over call quality optimization, and personalized, dedicated support. Daily's primary focus is on enabling developers to build real-time video and audio features into their own apps, rather than providing a pre-built UI like Zoom. With its robust REST API and developer-first approach, Daily provides a scalable and customizable solution for building video applications. Additionally, Daily offers features such as virtual backgrounds, breakout rooms, language configuration, live captioning, and downloadable chat logs, which are not available in Zoom's UI-based solution. Overall, Daily is a more versatile and extensible platform than Zoom, making it an attractive option for developers who need to build complex video applications.