Web Page (Chromium, Windows, WebGL)
Web Page (Chromium, Windows, WebGL) input properties for Script Engine. Renders a web page with WebGL/3D content into Composer using an embedded Chromium browser, on Windows. Useful for live data overlays, animated lower-thirds and tickers, three-dimensional graphics or motion graphics templates, scoreboard widgets backed by an HTTP API, or any HTML/JS scene that needs hardware-accelerated rendering. Supports plain HTTP/HTTPS URLs and local HTML files (resolved against the project's media search paths). The page can post messages back via a JavaScript callback, optionally wait for a load-finalized signal before going live, and reload itself automatically on errors.
| Property | Type | Access | Description |
|---|---|---|---|
ShowAdvancedOptions |
bool |
get/set |
Reveal seldom-used properties in the editor. [default=false]. Turn on to expose advanced/optional fields hidden from the default view. |
AutoStart |
bool |
get/set |
Start rendering the page automatically when the project is loaded. [default=true]. Turn off if you want to start the renderer manually with StartCommand or from a script. |
WebPageRendererUrl |
string |
get/set |
URL of the page to render. Accepts http:// and https:// URLs as well as local HTML files (absolute, file://, or relative paths resolved against the project's media search paths). Setting this while the renderer is running triggers a load of the new URL; setting it to an empty string clears the page to about:blank. |
ReloadCommand |
Command |
get |
Reload the current WebPageRendererUrl from scratch. Useful when the page content has changed on the server, or to recover from a stuck state. |
BrowserLoadState |
BrowserLoadState |
get |
Current load state of the embedded browser (read-only). Idle, Loading, WaitingForLoadFinalizer, Loaded or ErrorLoading. Read this from a script to wait until the page is fully ready before triggering downstream actions. |
Width |
int |
get/set |
Width of the rendered page output, in pixels. [min=32, max=4096, default=1024]. Match the size your page is designed for to avoid scaling. Locked while the renderer is running. |
Height |
int |
get/set |
Height of the rendered page output, in pixels. [min=32, max=4096, default=360]. Match the size your page is designed for to avoid scaling. Locked while the renderer is running. |
AutoReloadPageOnError |
bool |
get/set |
Reload the page automatically if it fails to load or hits an error. [default=false]. Useful for unattended scenes where transient network issues should not leave a blank graphic on screen. |
EnableConsoleLogging |
bool |
get/set |
Forward console.log messages from the page to the Composer log. [default=false]. Turn on while developing or debugging a page; turn off in production to keep logs quiet. |
StartCommand |
Command |
get |
Start the embedded browser and begin rendering the page at WebPageRendererUrl. Width and Height become locked while the renderer is running. |
StopCommand |
Command |
get |
Stop the embedded browser and release its resources. Width and Height become editable again. |
VideoQueueSize |
int |
get |
Number of rendered frames waiting in the output queue (read-only). Steady low values indicate a healthy renderer; growing values mean the page produces frames faster than they are consumed. |
PageRenderPerformance |
string |
get |
Average time taken to render one frame from the page, formatted as text in milliseconds (read-only). Useful for spotting heavy pages — values that approach the frame interval indicate the page is too slow to render in real time. |
RenderStart |
DateTime |
get |
Time the current rendering session started (read-only, debug). |
FramesRendered |
long |
get |
Total frames rendered since the current session started (read-only, debug). |
Fps |
int |
get |
Effective frames-per-second of the page renderer (read-only, debug). Computed from FramesRendered and time since RenderStart. |
Inherits from: AbstractInput, AbstractAudioProcessing, AbstractAudioMetering.
See also: Web Page (Chromium, Windows, WebGL) in Inputs — user-facing introduction, screenshots, and section summaries.