first stab at adding video
This commit is contained in:
@@ -12,6 +12,17 @@
|
||||
<span id="status-badge">Disconnected</span>
|
||||
</header>
|
||||
|
||||
<div id="stage">
|
||||
<video
|
||||
id="avatar-video"
|
||||
autoplay
|
||||
muted
|
||||
loop
|
||||
playsinline
|
||||
preload="auto"
|
||||
></video>
|
||||
</div>
|
||||
|
||||
<div id="chat-area"></div>
|
||||
|
||||
<details id="voice-panel">
|
||||
@@ -40,6 +51,27 @@
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details id="avatar-panel">
|
||||
<summary>Avatar / Video</summary>
|
||||
<div class="panel-content">
|
||||
<label>
|
||||
Avatar image
|
||||
<input type="file" id="avatar-file" accept="image/*" />
|
||||
</label>
|
||||
<button id="upload-avatar-btn" onclick="uploadAvatar()">Upload</button>
|
||||
<label>
|
||||
Mode
|
||||
<select id="video-mode-select">
|
||||
<option value="off">Off</option>
|
||||
<option value="library">Library (pre-baked)</option>
|
||||
<option value="reflective" selected>Reflective (per-turn)</option>
|
||||
</select>
|
||||
</label>
|
||||
<button id="apply-mode-btn" onclick="applyVideoMode()">Apply mode</button>
|
||||
<span id="avatar-status"></span>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<div id="controls">
|
||||
<button id="mic-btn" onclick="toggleMic()">🎤</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user