Getting Started
OGraf Template Editor is a web-based editor for creating broadcast graphics templates based on the EBU OGraf open specification. It provides a drag-and-drop canvas for building lower-thirds, scoreboards, and other HTML-based graphics used in live television workflows. Available in Eyevinn Open Source Cloud.
The editor pairs naturally with the OGraf Rendering Server — design templates in the editor, then serve and render them via the rendering server.
Prerequisites
- If you have not already done so, sign up for an OSC account.
Step 1: Create the OGraf Template Editor instance
Navigate to the OGraf Template Editor service and click Create ograf-editor.
| Field | Description | Example |
|---|---|---|
| Name | Name for this editor instance | mygfx |
Click Create and wait for the instance to reach Running status.
Step 2: Open the editor
Click the instance card to open the editor URL in your browser. The editor provides:
- A drag-and-drop canvas for placing graphics elements
- An element toolbar with text, images, rectangles, and circles
- A property panel for adjusting element styles and layout
- Real-time preview of the finished template
Step 3: Export and use your template
Once your template is ready, export it from the editor. Load the exported template into your OGraf Rendering Server instance to serve it as part of a live production workflow.
CLI Usage
npx -y @osaas/cli create eyevinn-ograf-editor mygfx
Resources
- Eyevinn OGraf Editor on GitHub
- OGraf open specification on GitHub
- OGraf Rendering Server in OSC — render and serve templates in a live production workflow