Vmix Universal Title: Controller
For an HTML file to work with the UTC, it must register a JavaScript function with vMix.
Basic Template Structure:
<!DOCTYPE html> <html> <head> <style> body background: transparent; font-family: 'Arial'; .lowerthird background: #1e3c72; color: white; padding: 15px; #name font-size: 24px; #title font-size: 18px; opacity: 0.8; </style> </head> <body> <div class="lowerthird"> <div id="name">Enter Name</div> <div id="title">Enter Title</div> </div><script> // The vMix API hook function SetText1(value) document.getElementById('name').innerHTML = value; function SetText2(value) document.getElementById('title').innerHTML = value; // Notify vMix that the title is ready window.vMixReady(); </script>
</body> </html>
When vMix loads this file, it looks for SetText1() and SetText2(). When you type "CEO" into Field 2 in vMix, it calls SetText2("CEO"), instantly updating the HTML. vmix universal title controller
The Universal Title Controller only works with GT Titles (HTML5-based) created in vMix’s built-in GT Title Designer. It does not work with legacy XAML titles or image overlays.
The term Universal emphasizes that this controller is not limited to one device, OS, or input method. Whether you’re on Windows, macOS (via vMix for iOS/Android remote), using a touch monitor, phone, or physical control surface, the same logic applies: one interface to rule all your titles. For an HTML file to work with the
To get the most out of your vMix Universal Title Controller, implement these professional strategies:
Lower thirds for guests. A producer in the back room edits a text file with the guest’s name and credentials. vMix watches the file for changes. When the TD cuts to the guest, the name is already correct. </body> </html>
