Eventbuzz_Concierge/public/embed-avatar.html

48 lines
1.9 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>EventBuzz Concierge Avatar</title>
<link rel="stylesheet" href="/embed/avatar-page.css?v=9" />
</head>
<body>
<div id="eba-root">
<section class="eba-avatar" aria-label="Concierge avatar">
<video id="eba-video" autoplay playsinline muted></video>
<audio id="eba-audio" autoplay playsinline></audio>
<canvas id="eba-wave" aria-hidden="true"></canvas>
<div id="eba-avatar-status">Starting…</div>
</section>
<section class="eba-chat" aria-label="Concierge chat">
<header class="eba-chat-header">
<img class="eba-logo" src="/embed/logo.png" alt="" onerror="this.style.display='none'" />
<div>
<div class="eba-chat-title" id="eba-title">Concierge</div>
<div class="eba-chat-sub" id="eba-sub">Voice and chat</div>
</div>
</header>
<div id="eba-messages" class="eba-messages"></div>
<div id="eba-error" class="eba-error" hidden></div>
<form id="eba-form" class="eba-form">
<input id="eba-input" type="text" autocomplete="off" maxlength="2000" placeholder="Ask a question…" />
<button id="eba-send" type="submit">Send</button>
</form>
</section>
</div>
<button id="eba-start" class="eba-start" type="button" hidden>
<span class="eba-start-title">Tap to start</span>
<span id="eba-start-hint" class="eba-start-hint"></span>
</button>
<script>
window.EB_CONCIERGE = {
botId: "6a61ddf778df0ea305244efc",
apiBase: location.origin.replace(/\/$/, "") + "/api",
};
</script>
<script src="https://cdn.jsdelivr.net/npm/livekit-client@2.15.14/dist/livekit-client.umd.js"></script>
<script type="module" src="/embed/avatar-page.js?v=9"></script>
</body>
</html>