27 lines
2.3 KiB
HTML
27 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>晚晚 · 交谈样机</title></head>
|
|
<body><main>
|
|
<header><h1>晚晚</h1><small>本地交谈样机 · 人物 v2</small></header>
|
|
<section class="glass stage" aria-label="晚晚的房间">
|
|
<video id="daily" playsinline muted loop preload="auto"></video>
|
|
<video id="talk" playsinline autoplay hidden></video>
|
|
<video id="listening" playsinline muted loop hidden></video>
|
|
<video id="bridge" playsinline muted hidden></video>
|
|
<p id="scene-label">日常成片 · 阅读</p>
|
|
</section>
|
|
<section class="glass controls">
|
|
<p id="status" role="status" aria-live="polite">正在检查素材…</p>
|
|
<p id="warning" role="alert">近景仍是阅读片裁切；抬头、目视交谈与自然回程尚未通过观感验收。</p>
|
|
<div class="row"><button id="enter">进入交谈</button><button id="cancel">停下，听我说</button><button id="back">回到阅读</button><button id="pause">暂停日常</button></div>
|
|
<form id="form"><label for="text">对晚晚说</label><div class="row"><input id="text" maxlength="500" autocomplete="off" placeholder="说说今天的事"><button type="submit">发送</button></div></form>
|
|
<div class="row"><button id="mic" aria-pressed="false">开启麦克风</button><button id="retry">重连</button><button id="record">录制音画证据</button></div>
|
|
<p id="transcript" aria-live="polite"></p><p id="reply"></p>
|
|
<details><summary>场景测试</summary><div class="row">
|
|
<label>活动 <select id="activity"><option value="reading">阅读</option><option value="rest">休息</option></select></label>
|
|
<label>天气（手动测试） <select id="weather"><option value="rain">雨天</option><option value="clear">晴天</option></select></label>
|
|
<label>时段 <select id="timeofday"><option value="night">夜晚</option><option value="day">白天</option></select></label>
|
|
</div><p id="selection"></p><small>真实天气未接入。素材替换不修改身份、八字、记忆或关系；本页未接入这些模块。</small></details>
|
|
<a id="download" hidden>下载连续音画</a>
|
|
</section>
|
|
</main><script type="module" src="/src/main.ts"></script></body></html>
|