Ephemeral-IP/index.html at main · fuxiangzhai/Ephemeral-IP · 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ephemeral-IP</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- 全屏游戏界面 -->
  <div id="gameContainer" class="game-container">
    <!-- 背景文字 -->
    <div class="title-text">Ephemeral-IP</div>

    <!-- 隐藏的视频元素 -->
    <video id="webcam" autoplay playsinline style="display: none;"></video>

    <!-- 主画布 - 显示特征点和漂浮点 -->
    <canvas id="mainCanvas" class="main-canvas"></canvas>

    <!-- 漂浮点画布 -->
    <canvas id="particleCanvas" class="particle-canvas"></canvas>

    <!-- 摄像头预览 -->
    <div id="cameraPreview" class="camera-preview">
      <video id="previewVideo" autoplay playsinline muted></video>
      <canvas id="previewCanvas" class="preview-canvas"></canvas>
    </div>

    <!-- 控制按钮 -->
    <div class="controls">
      <button id="webcamButton" class="control-button">Start Camera</button>
      <button id="instantDeathButton" class="control-button">Instant Death</button>
      <div id="loading" class="loading-text">Loading model...</div>
    </div>
  </div>

  <script type="module" src="app.js"></script>
</body>
</html>