Web page renderer
  • 24 Oct 2023
  • 1 Minute to read
  • Dark
    Light
  • PDF

Web page renderer

  • Dark
    Light
  • PDF

Article Summary

Dynamic content inputs/Web page renderer

A powerful way of getting external web data/images/animations into Composer is by using the Web Page Renderer input. External web pages can be fetched, including web pages running javascript.

The Web Page Renderers supports HTML transparency, meaning content can be partly transparent from a Web Page Renderer.

There are three different Web Page Renderers, Chromium WebGL, Chromium and Ultralight. The Chromium versions renders content faster but is incompatible with the runtime version of Linux. The only difference between Chromium WebGL and Chromium is that Chromium WebGL supports webpages using WebGL. At the time of writing, the Ultralight version have limited web page support due to limitations in the underlying library (3rd party). Future updates of Composer will contain updates to the Ultralight version.

NOTE
The Chromium Web Page Renderer is only supported in the Windows version.

 The Web Page Renderer will capture the visual content of a web page at the same frame rate as the scene is being rendered, only limited by the system’s performance.

Limitations
- Web Page Renderer does not capture audio played back by a web page.
- Chromium does not support licensed media codecs such as MP3, AAC, and H. 264

All three Web Page Renderers have a similar GUI interface. Below is the Chromium interface.

  • Url - Web page Url. HTTP or HTTPS. (Example: https://composer.docs.vindral.com)
  • Cef renderer load state - status
  • Renderer width - Renderer width (pixels)
  • Renderer height - Renderer height (pixels)
  • Auto reload page on error - check this option to automatically reload the page if the last load attempt failed (HTTP result other than 200)
  • Start page rendering - Load the page and start rendering
  • Stop page rendering - Stop rendering
  • Video queue size - number of video frames captured (buffered) but not yet rendered. 
  • Page render performance: Time to render page.

 For more information on Chromium and Chromium Embedded Framework, visit

https://www.chromium.org/Home

https://en.wikipedia.org/wiki/Chromium_Embedded_Framework


Was this article helpful?