| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <meta name="color-scheme" content="light"> |
| <meta name="description" content="EmboDi — Embodied Director. Create and direct 3D scenes in mixed reality. Watch the showcase and explore the open-source code."> |
| <title>EmboDi — Embodied Director</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <div class="wrap"> |
| <header class="top"> |
| <a class="brand" href="#" aria-label="EmboDi home"><span aria-hidden="true"></span>EmboDi</a> |
| <nav aria-label="Main navigation"> |
| <a href="#showcase">Showcase</a> |
| <a href="https://huggingface.co/spaces/xlt99/EmboDi/tree/main" target="_blank" rel="noopener">Source code ↗</a> |
| </nav> |
| </header> |
| <main> |
| <section class="hero" aria-labelledby="title"> |
| <p class="eyebrow">Embodied Director · Open source</p> |
| <h1 id="title">EmboDi</h1> |
| <p class="tagline">Step into your imagination.<br>Direct your own world with EmboDi.</p> |
| <p class="intro">EmboDi (Embodied Director) is an open-source embodied 3D directing system that combines mixed reality (MR) with GPT-6 Astra, giving you the freedom to intuitively create your own stories in your physical space.</p> |
| <div class="actions"> |
| <a class="button primary" href="https://github.com/XulongT/EmboDi" target="_blank" rel="noopener">View on GitHub <span aria-hidden="true">↗</span></a> |
| <a class="button secondary" href="https://github.com/XulongT/EmboDi/archive/refs/heads/main.zip" target="_blank" rel="noopener">Download source <span aria-hidden="true">↓</span></a> |
| </div> |
| </section> |
| <figure class="film" id="showcase"> |
| <div class="film-bar"><strong>Watch the showcase</strong><span>Mixed reality · 00:30</span></div> |
| <video controls playsinline preload="metadata" poster="poster.jpg" aria-label="EmboDi mixed-reality showcase"> |
| <source src="showcase.mp4" type="video/mp4"> |
| <a href="showcase.mp4">Watch the EmboDi showcase video</a> |
| </video> |
| <figcaption>Step inside a scene. Shape it through voice and spatial interaction.</figcaption> |
| </figure> |
| <section class="source" aria-labelledby="source-heading"> |
| <div> |
| <p class="eyebrow">Build with EmboDi</p> |
| <h2 id="source-heading">Explore the code. Create your scene.</h2> |
| <p>The open-source code is available here and on GitHub. Run it locally with Node.js 22 or newer, then open <a href="http://localhost:8080/" target="_blank" rel="noopener">localhost:8080</a>. The README covers API settings, Meta Quest setup and examples.</p> |
| <div class="source-links"> |
| <a href="https://huggingface.co/spaces/xlt99/EmboDi/blob/main/README.md" target="_blank" rel="noopener">Read the setup guide ↗</a> |
| <a href="https://huggingface.co/spaces/xlt99/EmboDi/tree/main" target="_blank" rel="noopener">Browse files ↗</a> |
| </div> |
| </div> |
| <pre aria-label="Local installation commands"><code>git clone https://huggingface.co/spaces/xlt99/EmboDi |
| cd EmboDi |
| npm ci |
| npm start</code></pre> |
| </section> |
| <p class="soon">✨ Technical report and more features are coming soon!</p> |
| </main> |
| <footer> |
| <span>EmboDi — Embodied Director</span> |
| <a href="https://huggingface.co/spaces/xlt99/EmboDi/blob/main/LICENSE" target="_blank" rel="noopener">Apache-2.0</a> |
| </footer> |
| </div> |
| </body> |
| </html> |
|
|
