refactor: update web-client files - replace old HTML/JS/CSS with new droidAssist implementation
- 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
This commit is contained in:
@@ -0,0 +1,62 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user