sirmrak
3cc8bb8aef
- Remove old: assist.html, index.html, script.js, styles.css, AI robot.lottie - Add new: droidAssist.html, droidAssist.css, droidAssist.js, animation.lottie - Restructure web-client files into html/ directory
62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
<title>Droid Assistant</title>
|
||
|
||
<!-- Стили -->
|
||
<link rel="stylesheet" href="droidAssist.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="particles" id="particles"></div>
|
||
|
||
<div class="connection-badge">
|
||
<div class="status-dot" id="statusDot"></div>
|
||
<span id="statusLabel">Отключено</span>
|
||
</div>
|
||
|
||
<div class="assistant-container">
|
||
|
||
<div class="animation-wrapper idle" id="animationWrapper">
|
||
<canvas id="lottie-canvas" width="700" height="700"></canvas>
|
||
<div class="loading-overlay" id="loadingOverlay">
|
||
<div class="spinner"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="status-text" id="statusText">В ОЖИДАНИИ</div>
|
||
|
||
<div class="volume-container">
|
||
<div class="volume-header">
|
||
<span>🔊 Громкость</span>
|
||
<span class="volume-value" id="volumeValue">80%</span>
|
||
</div>
|
||
<input type="range" class="volume-slider" id="volumeSlider" min="0" max="100" value="80" step="1">
|
||
<div class="volume-buttons">
|
||
<button class="vol-btn" id="volDownBtn">🔉 -10%</button>
|
||
<button class="vol-btn" id="volUpBtn">🔊 +10%</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="debug-buttons">
|
||
<button class="debug-btn" onclick="goToState('yes')">👍 Yes</button>
|
||
<button class="debug-btn" onclick="goToState('thinking')">🤔 Think</button>
|
||
<button class="debug-btn" onclick="goToState('alert')">⚠️ Alert</button>
|
||
<button class="debug-btn" onclick="goToState('no')">❌ No</button>
|
||
<button class="debug-btn" onclick="goToState('jump')">🦘 Jump</button>
|
||
<button class="debug-btn" onclick="goToState('idle')">😐 Idle</button>
|
||
</div>
|
||
|
||
<div class="transcript-box">
|
||
<div class="transcript-label">💬 Последняя фраза</div>
|
||
<div class="transcript-text" id="transcriptText">—</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Скрипт как модуль (нужен для импорта DotLottie) -->
|
||
<script type="module" src="droidAssist.js"></script>
|
||
|
||
</body>
|
||
</html> |