audio_to_text / index.html
missvector's picture
Upd
51c858c
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>AUDIO → TEXT</title>
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<div class="frame">
<h1>AUDIO → TEXT</h1>
<div class="transcript-card">
<div class="copy-wrapper">
<span class="copy-feedback" id="copyFeedback">текст скопирован</span>
<button class="copy-btn" id="copyBtn" title="Копировать">
<svg viewBox="0 0 24 24" width="20" height="20">
<rect x="9" y="9" width="13" height="13" rx="1.5" stroke="currentColor" fill="none" stroke-width="1.5"/>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" stroke="currentColor" fill="none" stroke-width="1.5"/>
</svg>
</button>
</div>
<div id="dropZone" class="drop-zone">
<div class="instruction">прикрепи или перетащи файл</div>
<div class="instruction-small">MP3, M4A, WAV, M4B</div>
<button class="attach-btn" id="attachBtn" title="Выбрать файл">
📎
</button>
</div>
<div id="transcriptArea" class="transcript-area">
<textarea id="transcriptText" placeholder="здесь появится текст…" readonly></textarea>
</div>
</div>
<div class="footer">
by <a href="https://github.com/vifirsanova">missvector</a>
</div>
</div>
<script src="/static/script.js"></script>
</body>
</html>