Talk/indexAI.html at main · Unity-Lab-AI/Talk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unity Voice Chat</title>
    <!-- build:css -->
    <link rel="stylesheet" href="./styleAI.css?v=20240606">
    <!-- endbuild css -->
    <!-- build:js -->
    <script defer src="./app.js?v=20240606"></script>
    <!-- endbuild js -->
</head>

<body class="no-js">
    <noscript>
        <div class="no-js-banner" role="alert">
            <strong>JavaScript is disabled.</strong>
            The live Unity assistant requires JavaScript, so the static preview is shown instead.
        </div>
    </noscript>

    <div class="app-shell">
        <header class="status-banner" role="status" aria-live="polite">
            <button id="mute-indicator" class="mute-indicator" data-state="muted" type="button">
                <span class="indicator-text">Tap or click anywhere to unmute</span>
            </button>
        </header>
        <main class="layout" aria-live="polite">
            <figure id="hero-stage" class="image-stage" data-state="empty" aria-hidden="true">
                <img id="hero-image" alt="" loading="lazy" decoding="async" />
            </figure>
            <section class="voice-stage" role="group" aria-label="Voice activity monitors">
                <article class="voice-circle ai" data-role="ai" aria-label="Unity is idle">
                    <div class="pulse-ring"></div>
                    <span class="sr-only">Unity</span>
                </article>
                <article class="voice-circle user" data-role="user" aria-label="Microphone is muted">
                    <div class="pulse-ring"></div>
                    <span class="sr-only">You</span>
                </article>
            </section>
        </main>
    </div>
</body>
</html>