OpenGL Accelerated HTML Overlay – Web-Based Graphics Overlay for Video Pipelines
RidgeRun’s OpenGL Accelerated HTML Overlay is a powerful C++ library and GStreamer plugin designed to render HTML, CSS, and JavaScript content directly onto live video streams. This solution lets you embed interactive, animated, and data-rich overlays into your multimedia pipelines using familiar web technologies—ideal for streaming dashboards, drone telemetry, surveillance overlays, and industrial UI displays.
By combining WebKitGTK rendering with OpenGL acceleration, this overlay solution delivers real-time performance, full HTML5 support, and seamless integration into embedded platforms like NVIDIA Jetson and NXP i.MX8.
Key Features:
-
HTML5, CSS3, and JavaScript Support
Render full web pages—including animations, dynamic data, and charts—onto video with WebKitGTK. -
OpenGL-Accelerated Rendering
Uses GPU acceleration for low-latency, high-performance overlays. -
GStreamer Plugin Included
Quickly integrate into your existing video pipelines via thegsthtmloverlay
plugin. -
Supports Alpha Transparency
Display semi-transparent HTML elements (e.g., widgets, gauges, dashboards) using RGBA overlays. -
Cross-Platform Compatibility
Works on embedded and desktop Linux platforms with OpenGL support.
Example Use Case:
A drone control system running on Jetson Xavier NX overlays telemetry data (altitude, heading, GPS position) on top of a live camera stream using HTML and JavaScript. With RidgeRun’s HTML Overlay plugin, developers create the UI in standard web technologies, and the system renders it in real-time over the video feed—without heavy GUI frameworksor additional hardware.
What’s Included:
-
OpenGL Accelerated HTML Overlay library
-
GStreamer plugin (
gsthtmloverlay
) -
Sample applications and integration guide
-
Optional 11-hour Embedded Software Support package
Supported Platforms:
-
NVIDIA Jetson (Nano, TX2, Xavier NX, AGX Orin)
-
x86-64 Linux with or without discrete GPU
-
NXP i.MX8
-
Qualcomm RB5, RB6, C8550
-
Any Linux-based embedded platform with OpenGL support
Why RidgeRun?
With over 19 years of embedded software consulting expertise, RidgeRun builds high-performance, modular tools for real-time multimedia, computer vision, and UI integration. The OpenGL Accelerated HTML Overlay bridges modern web technologies with embedded video workflows—empowering developers to build interactive and visually-rich applications faster.
Learn more in the developer wiki