45 lines
2.3 KiB
HTML
45 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate, max-age=0">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
<title>Lyngvo — Итальянский тренажёр произношения</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<h1>🇮🇹 Lyngvo <span style="font-size:0.5em;color:#aaa" id="ver"></span> <span style="font-size:0.35em;color:#999;font-weight:normal">тренажёр итальянского произношения · для Google Chrome</span></h1>
|
|
<div style="font-size:0.8em;color:#666;margin-bottom:14px;white-space:nowrap">
|
|
1. Введите фразу → 2. ▶ Эталон (прослушайте) → 3. 🎙 Записать (произнесите) → 4. 📊 Сравнить
|
|
</div>
|
|
<textarea id="inputText" rows="3" placeholder="Введите итальянское слово или фразу..."></textarea>
|
|
<div id="history"></div>
|
|
<div style="margin:12px 0; display:flex; gap:8px; flex-wrap:wrap">
|
|
<button id="btnTTS">▶ Эталон</button>
|
|
<button id="btnRecord">🎙 Записать</button>
|
|
<button id="btnPlayUser" disabled>🔊 Ваш голос</button>
|
|
<button id="btnCompare" disabled>📊 Сравнить</button>
|
|
<button id="btnStereo" disabled>🎧 Стерео</button>
|
|
</div>
|
|
<div id="status" style="color:gray; font-size:0.9em"></div>
|
|
<div id="micBar" style="height:12px; background:#e0e0e0; border-radius:6px; margin:8px 0; overflow:hidden; display:none">
|
|
<div id="micFill" style="height:100%; width:0%; background:#4caf50; border-radius:6px; transition:width 0.08s"></div>
|
|
</div>
|
|
<div id="score"></div>
|
|
<div id="diff"></div>
|
|
<div id="syllables"></div>
|
|
<div id="translation" style="font-size:0.9em;color:#555;margin-top:8px"></div>
|
|
<div id="recHistory" style="margin-top:16px;font-size:0.85em"></div>
|
|
</div>
|
|
|
|
<script src="js/storage.js"></script>
|
|
<script src="js/syllables.js"></script>
|
|
<script src="js/transcribe.js"></script>
|
|
<script src="js/audio.js"></script>
|
|
<script src="js/compare.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |