Chapter 191: How client-side rendering works

Core Idea

The biggest challenge of client-side rendering is that it is not possible to capture the browser viewport. Only certain HTML elements such as <canvas>, <img>, <video> or <svg> can be captured natively.

Key Concepts

• Rendering process
• Initialization
• Frame capture process
• Audio capture
• Encoding
• Capturing pixels
• Capturing text nodes
• Context isolation

Key Takeaways

1. Understand rendering process when working with How client-side rendering works.
2. Understand initialization when working with How client-side rendering works.
3. Understand frame capture process when working with How client-side rendering works.
4. Understand audio capture when working with How client-side rendering works.
5. Understand encoding when working with How client-side rendering works.

Connects To

• Animatedimage: related page in the Assets & Media section.
• Delaying: related page in the Assets & Media section.
• Exporting: related page in the Assets & Media section.