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.

 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.

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
• Configuration:
  • Renderer width - Renderer width (pixels)
  • Renderer height - Renderer height (pixels)
  • Auto reload page on error - Enable this option to automatically reload the page if the last load attempt failed (HTTP result other than 200)
  • Enable web page console logging - Enable this option to add logs from the webpage console to Composer log file.
• Commands:
  • Start page rendering - Load the page and start rendering
  • Stop page rendering - Stop rendering
• Performance and properties:
  • Video queue size - number of video frames captured (buffered) but not yet rendered. 
  • Page render performance: Time to render page.
• Optional TAGS (space separated)
  • TAGS - Add a "tag"  that can be used in the input smart search function. It is possible to add several tags by separating them by a SPACE char.

 For more information on Chromium and Chromium Embedded Framework, visit

https://www.chromium.org/Home

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