| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎙️</text></svg>" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta name="description" content="VibeVoice React Studio - Real-time Voice Cloning and Speech Synthesis Playground by Microsoft Frontier Models." /> | |
| <title>VibeVoice React Studio | Frontier Voice AI</title> | |
| <!-- Premium Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Plus Jakarta Sans', sans-serif ; | |
| } | |
| h1, h2, h3, .font-orbitron { | |
| font-family: 'Outfit', sans-serif ; | |
| } | |
| #consoleBody { | |
| font-family: 'JetBrains Mono', monospace ; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-[#07090e] text-[#f0f3fa]"> | |
| <div id="root"></div> | |
| <script type="module" src="/src/main.jsx"></script> | |
| </body> | |
| </html> | |