July 2021 Summaries

Daily Prebuilt offers a straightforward solution for integrating video chat into applications with minimal coding, but customization is often necessary to align with specific app layouts and user experiences. Adjusting the Daily Prebuilt's iframe to fit varying screen sizes and maintain a consistent aspect ratio can be achieved through different methods, such as using CSS or JavaScript. The CSS aspect-ratio property allows for responsive design by setting the width to fill the parent container while automatically adjusting the height, but JavaScript provides an alternative with an event listener that recalculates dimensions on window resize. For React users, a useEffect hook can manage the resizing process, ensuring the iframe maintains the desired aspect ratio. Each method has its considerations, such as browser support and personal coding preferences, and may require performance optimizations like throttling resize events to prevent excessive re-rendering. The choice between CSS and JavaScript solutions depends on the specific project requirements and developer comfort with each approach.

Daily Prebuilt, a ready-to-use embeddable video chat solution offered by Daily, aims to provide reliable and easy-to-use video calls in the shortest developer time possible. To achieve this, Daily has redesigned Daily Prebuilt to incorporate helpful customer feedback, resulting in improved UX. The redesign also revealed several performance issues, particularly on mobile devices and Safari browsers for WebRTC. To address these issues, Daily has developed a series of performance optimizations, including batching daily-js events, manual track subscriptions, virtualized lists, pagination, memoization, and avoiding unnecessary removal and addition of videos. These optimizations can help improve the performance of custom video chat apps built with Daily's call object or Prebuilt solutions.