Broadcast graphics such as lower-thirds and over-the-shoulders are part of the standard toolkit of video production. But even mature technologies can cause recurring issues. The EBU OGraf project aims to create a definitive, open specification for the delivery and rendering of these graphics across diverse platforms.
The EBU HTML Graphics group, which is driving the initiative, will be giving a comprehensive overview in an upcoming webinar. EBU Members can already access a recorded overview here.
The project focuses on a modular approach to video graphics that can be integrated into existing systems. The goal is to provide a framework that allows graphics to be created once and rendered seamlessly on traditional broadcasts, digital platforms, video editing tools, web streams, and more.
Rather than relying on proprietary formats or all-in-one packages, OGraf encourages a flexible approach where components can be tailored to specific needs, ensuring compatibility, adaptability, and longevity. The OGraf draft specification is available on GitHub.
The current challenge
Broadcasters operating or transitioning to multi-platform media models face challenges due to a lack of technological modularity. Current graphics systems are often closed, end-to-end solutions tied to specific vendors, making integration and flexibility difficult. This creates significant roadblocks for media organizations aiming to deliver consistent graphics experiences across diverse platforms.
The OGraf solution
The draft OGraf spec introduces a modular HTML-based graphics framework designed to support both live and non-live use cases. By emphasizing interoperability, OGraf allows broadcasters to mix and match tools for creation, control, and rendering that best suit their needs. OGraf is built on widely adopted web technologies like HTML5 and Web Components, which lowers the barrier for development, integration and content creation.
The latest version of the OGraf code and specification are maintained on GitHub. Both are now open to industry feedback (via HTML Group, or the upcoming webinar), and subject to change.
Key features
- Single, open format: A unified HTML-based standard for both rendered and live graphics.
- Flexible API framework: Seamlessly integrates OGraf-compliant controllers, servers, and renderers – commercial or open source.
- Modular workflow: Replace or upgrade individual components without disrupting the system.
- Universal delivery: Rendered graphics across traditional media, web platforms, video editing systems, streaming, and interactive devices.
- Interactive ready: Enables audience engagement through user-interactive graphics across devices.
OGraf on GitHub
The OGraf code package on GitHub contains:
- Comprehensive workflow descriptions
- Detailed documentation and specifications
- Sample graphics packages for testing
- Developer toolkits and testing frameworks
- OGraf logos for software integration