diff --git a/js/main.js b/js/main.js index aea175b..03f6d01 100644 --- a/js/main.js +++ b/js/main.js @@ -1,6 +1,6 @@ // ---------- Глобальные переменные и инициализация ---------- const GROQ_API_KEY = ''; -const VERSION = 'v68'; +const VERSION = 'v69'; let mediaRecorder, audioChunks = [], userAudioBlob = null, ttsText = ''; let isRecording = false, isAnalyzing = false, micAnalyser = null, micAnimId = null; @@ -9,30 +9,6 @@ let recordStartTime = 0, recordDuration = 0; function setStatus(msg) { document.getElementById('status').textContent = msg; } function enable(id, val) { document.getElementById(id).disabled = !val; } -// ---------- ТЕСТ: жёсткие слоги при загрузке (только hover) ---------- -(function testSylHover() { - const div = document.getElementById('syllables'); - if (!div) return; - const syls = ['Buon','gior','no']; - const wrap = document.createElement('div'); - wrap.style.cssText = 'margin-top:8px;font-size:1.4em;letter-spacing:3px;user-select:none'; - syls.forEach((s, i) => { - if (i > 0) { - const sep = document.createElement('span'); - sep.style.cssText = 'color:#aaa;margin:0 2px'; - sep.textContent = '·'; - wrap.appendChild(sep); - } - const chip = document.createElement('span'); - chip.textContent = s; - chip.style.cssText = 'cursor:pointer;padding:3px 8px;border-radius:6px;border:1px solid #ccc'; - chip.onmouseenter = function() { this.style.background = '#ffeb3b'; this.style.borderColor = '#f9a825'; }; - chip.onmouseleave = function() { this.style.background = ''; this.style.borderColor = '#ccc'; }; - wrap.appendChild(chip); - }); - div.appendChild(wrap); -})(); - // ---------- Инициализация ---------- document.getElementById('ver').textContent = VERSION; renderHistory(); diff --git a/js/storage.js b/js/storage.js index 39d3f72..00e54db 100644 --- a/js/storage.js +++ b/js/storage.js @@ -55,6 +55,22 @@ async function renderRecHistory() { recs.map(r => { const d = new Date(r.ts); const time = d.toLocaleTimeString('ru-RU', {hour:'2-digit',minute:'2-digit'}); + let trHTML = ''; + if (r.transcription) { + trHTML = '' + + r.transcription.split(/\s+/).map(w => { + const sy = syllabifyIT(w); + if (sy.includes('-')) { + return sy.split('-').map(s => + '' + s + '' + ).join('·'); + } + return w; + }).join(' ') + + ''; + } return '