1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/> 6 <meta name="theme-color" content="#fff"> 7 <link rel="icon" href="/static/images/favicon.webp" type="image/webp"> 8 <link rel="canonical" href="https://veravox.ai/docs" /> 9 10 <title>How Veravox Works | Veravox</title> 11 12 13<meta name="description" content="See how Veravox hosts live multilingual rooms, from publisher setup to listener delivery, captions, translated text, AI audio, and Transmission Mode."> 14 15 16 <!-- FontAwesome --> 17 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/> 18 19 <!-- Fonts --> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 22 <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@500;600;700&display=swap" rel="stylesheet"> 23 24 <!-- Core CSS --> 25 <link rel="stylesheet" href="/static/css/header.css"/> 26 <link rel="stylesheet" href="/static/css/flash_messages.css"> 27</head> 28<body class=" light-page"> 29 <header> 30 <nav> 31 <!-- left: logo (Acts as Home Link) --> 32 <a href="/" class="logo"> 33 34 <img src="/static/images/logo-scroll.png" alt="Veravox Logo"/> 35 36 </a> 37 38 <!-- burger menu (mobile) --> 39 <div class="mobile-header"> 40 <button id="burger" class="burger-menu" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navContainer"> 41 <i class="fa fa-bars" aria-hidden="true"></i> 42 </button> 43 </div> 44 45 <!-- right: nav container --> 46 47 48 49 50 <div class="nav-container" id="navContainer"> 51 <!-- primary pages --> 52 <ul class="nav-links"> 53 <li><a href="/about" class="">About</a></li> 54 <li><a href="/docs" class="current-page">How It Works</a></li> 55 </ul> 56 57 <div class="nav-actions"> 58 <!-- START BROADCASTING (Blue Action) --> 59 <a class="nav-btn nav-btn-host" href="/veravox"> 60 <i class="fas fa-satellite-dish"></i> 61 <span>Start Broadcasting</span> 62 </a> 63 64 <!-- JOIN SESSION (Green Action) --> 65 <a class="nav-btn nav-btn-join" href="/veravox-listener"> 66 <i class="fa-solid fa-ear-listen"></i> 67 <span>Join Session</span> 68 </a> 69 70 <!-- AUTHENTICATION & ACCOUNT --> 71 72 <!-- Sign In Button (Logged Out) --> 73 <!-- Changed class to nav-btn-auth for unique styling --> 74 <a class="nav-btn nav-btn-auth" href="/veravox"> 75 <i class="fas fa-user"></i> 76 <span>Sign in</span> 77 </a> 78 79 </div> 80 </div> 81 </nav> 82 </header> 83 84 <!-- Flash messages --> 85 <div class="flash-messages"> 86 87 88 89 </div> 90 91 <main> 92 93<link rel="stylesheet" href="/static/css/public-pages.css"> 94 95<main class="public-page-shell"> 96 <section class="public-hero-simple"> 97 <div class="public-badge">How It Works</div> 98 <h1 class="public-gradient-title">Host once. Listen anywhere.</h1> 99 <p class="public-subtitle">A protected live room connects the publisher's voice to listeners through captions, translated text, and audio when available.</p> 100 </section> 101 102 <section class="public-card-grid public-card-grid--four" aria-label="Veravox live room steps"> 103 <article class="public-card public-card--blue"> 104 <div class="public-step-badge">1</div> 105 <h2>Prepare</h2> 106 <p>Sign in, open the host console, confirm languages, and share the room link or alias.</p> 107 </article> 108 109 <article class="public-card public-card--green"> 110 <div class="public-step-badge">2</div> 111 <h2>Speak</h2> 112 <p>The publisher streams microphone audio from the browser while Veravox manages the live session.</p> 113 </article> 114 115 <article class="public-card public-card--blue"> 116 <div class="public-step-badge">3</div> 117 <h2>Process</h2> 118 <p>Veravox produces source captions, translated text, and AI audio for supported listener languages.</p> 119 </article> 120 121 <article class="public-card public-card--green"> 122 <div class="public-step-badge">4</div> 123 <h2>Deliver</h2> 124 <p>Listeners join from their own device and follow the active room without broadcast controls.</p> 125 </article> 126 </section> 127 128 <section class="public-card-grid public-card-grid--two" aria-label="Veravox session modes"> 129 <article class="public-card public-card--blue public-card--compact"> 130 <div class="public-icon-circle"> 131 <i class="fa-solid fa-language" aria-hidden="true"></i> 132 </div> 133 <h2>Interpretation Mode</h2> 134 <p>Use translated listener output with captions, translated text, and AI audio where supported.</p> 135 </article> 136 137 <article class="public-card public-card--green public-card--compact"> 138 <div class="public-icon-circle"> 139 <i class="fa-solid fa-bolt" aria-hidden="true"></i> 140 </div> 141 <h2>Transmission Mode</h2> 142 <p>
142Send the publisher's native audio directly while still showing source-language captions.</p> 143 </article> 144 </section> 145 146 <section class="public-panel"> 147 <div> 148 <span class="public-panel__label">Two focused views</span> 149 <h2>Hosts control the room. Listeners follow the session.</h2> 150 <p>That separation keeps the live workflow simple for publishers and calm for everyone joining the room.</p> 151 </div> 152 <div class="public-actions"> 153 <a class="public-button public-button--primary" href="/veravox"> 154 <span>Open host console</span> 155 <i class="fa-solid fa-chevron-right" aria-hidden="true"></i> 156 </a> 157 <a class="public-button public-button--secondary" href="/contact"> 158 <span>Ask a question</span> 159 <i class="fa-solid fa-envelope" aria-hidden="true"></i> 160 </a> 161 </div> 162 </section> 163</main> 164 165 </main> 166 167 <!-- âââ Footer âââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 168 <footer class="site-footer"> 169 <div class="footer-container"> 170 <div class="footer-about"> 171 <a href="/" class="footer-logo"> 172 <img src="/static/images/logo.png" alt="Veravox Logo"> 173 </a> 174 <p>Veravox is an AI Prodigy solution empowering global communication through accessible real-time translation.</p> 175 </div> 176 <div class="footer-links"> 177 <h4>Navigate</h4> 178 <ul> 179 <li><a href="/">Home</a></li> 180 <li><a href="/about">About</a></li> 181 <li><a href="/docs">How It Works</a></li> 182 <li><a href="/veravox">Host Console</a></li> 183 <li><a href="/veravox-listener">Join Session</a></li> 184 <li><a href="/contact">Contact</a></li> 185 </ul> 186 </div> 187 <div class="footer-social"> 188 <h4>Connect</h4> 189 <div class="social-icons"> 190 <a href="https://x.com/aiprodigyllc" target="_blank" rel="noopener noreferrer" aria-label="X"><i class="fab fa-x-twitter"></i></a> 191 <a href="https://www.linkedin.com/company/ai-prodigy-llc" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 192 <a href="https://github.com/aiprodigyllc/" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="fab fa-github"></i></a> 193 </div> 194 </div> 195 </div> 196 <div class="footer-bottom"> 197 <p>© 2026 AI Prodigy. All Rights Reserved.</p> 198 </div> 199 </footer> 200 201
201<script src="/static/js/global.js" defer></script>
201 202</body> 203</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.