<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vMix Universal Controller</title> <style> body font-family: Arial, sans-serif; background-color: #f0f0f0; padding: 20px; .card background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); max-width: 400px; margin-bottom: 20px; h2 margin-top: 0; color: #333; label display: block; margin-bottom: 5px; font-weight: bold; input[type="text"] width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; select width: 100%; padding: 8px; margin-bottom: 15px; button background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; button:hover background-color: #45a049; .status margin-top: 10px; font-size: 12px; color: #666; </style> <script> // CONFIGURATION // Change this IP address if vMix is on a different computer const vmixIp = "127.0.0.1"; const vmixPort = "8088"; function sendToVmix() { // 1. Get the target Input Key (from dropdown) const inputKey = document.getElementById('inputSelect').value;
Created by developer "elgarf," vMix UTC is a standalone Windows application that connects to vMix via its official API. It allows you to build a specifically for your graphics, separating the "content" from the "engine". vmix universal title controller
Furthermore, the upcoming trend of combined with UTC allows for "virtual studios" where HTML graphics are placed on virtual screens behind a presenter. Furthermore, the upcoming trend of combined with UTC
Because UTC communicates via the vMix Web API, it can often be run on a separate laptop within the same network. This allows one person to handle the switching while another manages the graphics and data. The is a powerful interface solution designed to
The is a powerful interface solution designed to give producers, directors, and live stream operators seamless, real-time control over on-screen titles and graphics within the vMix live production environment. Whether accessed via a secondary touchscreen, a tablet, a Stream Deck, or a custom-built MIDI/HTTP controller, this system enables instant manipulation of title text, images, data sources, and animations — all without interrupting the live program.
: It includes basic scripting capabilities to automate complex graphic changes, such as resetting scores or cycling through player names. Data Integration