SPX Graphics
This documentation covers the legacy template exporter in Loopic. For building template definitions, the new Template Definition Builder offers a more flexible way to create schemas. Learn more in the Template Definition Builder documentation.
SPX Graphics Controller is a free and open-source live graphics control application built for graphics in broadcast, streaming and events production. It's a cross-platform software that integrates with your tools such as OBS, vMix, Wirecast, Stream Deck and more.
Exporting
When exporting templates for SPX Graphics, Loopic streamlines the process by generating a single .html graphic template file. To seamlessly integrate it into SPX Graphics, you have two options: designate SPX Graphics's assets-templates directory during the export process or manually transfer the HTML file to that directory. Once the template is in the designated location, navigate to your project settings and add the template to the list of all templates assigned to that project. For comprehensive instructions on setting up SPX Graphics and installing templates, please refer to SPX Graphic's official website.
Loopic offers additional settings tailored for templates intended for SPX. These specialized settings encompass Composition, Text, and Image elements.
Composition settings
Composition settings encompass global settings for SPX template definition:
- Description
- Play server
- Play channel
- Play layer
- Web playout
- Steps
- UI colors
Text Element settings
Key property is mandatory for all Text Elements. If not specified, the parameter won't be exported.
Text Element settings are available for all Text Elements:
- Field type
Image Loader Element settings
Key property is mandatory for all Image Loader Elements. If not specified, the parameter won't be exported.
Image Loader Element settings are available for all Image Loader Elements:
- Asset folder: Folder for picking images.
- Extension: Image extension.
Limitations
While Loopic templates are fully functional within SPX Graphics, support for some advanced concepts like dropdown, checkbox, color or spacer will be added in the upcoming releases.