Nail/lang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v76: проигрывание через trimSilence — без щелчка в начале

Browse Source
This commit is contained in:
“Naeel”
2026-05-22 21:37:10 +04:00
parent 66a3e32c03
commit 337f7f3017
3 changed files with 50 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.html
Vendored
+25 -21
View File
@@ -392,22 +392,33 @@ function stopRecording() {
if (mediaRecorder && mediaRecorder.state === 'recording') mediaRecorder.stop();
}
// ---------- Воспроизведение ----------
// ---------- Воспроизведение (с обрезкой тишины) ----------
async function playTrimmed(blob) {
const t = await trimSilence(blob);
const ctx = getAudioCtx();
let buf;
if (t) {
const offline = new OfflineAudioContext(1, t.data.length, t.sr);
buf = offline.createBuffer(1, t.data.length, t.sr);
buf.getChannelData(0).set(t.data);
} else {
const ab = await blob.arrayBuffer();
buf = await ctx.decodeAudioData(ab);
}
const src = ctx.createBufferSource();
src.buffer = buf;
src.connect(ctx.destination);
src.start();
return new Promise(resolve => { src.onended = resolve; });
}
async function playRec(id) {
try {
const db = await openRecDB();
const tx = db.transaction('recs', 'readonly');
const store = tx.objectStore('recs');
const rec = await new Promise(r => { const req = store.get(id); req.onsuccess = () => r(req.result); });
if (rec?.blob) {
const url = URL.createObjectURL(rec.blob);
const audio = new Audio(url);
await new Promise((resolve, reject) => {
audio.onended = () => { URL.revokeObjectURL(url); resolve(); };
audio.onerror = () => { URL.revokeObjectURL(url); reject(); };
audio.play();
});
}
if (rec?.blob) await playTrimmed(rec.blob);
} catch(e) { /* тихо */ }
}
@@ -733,7 +744,7 @@ async function doCompare(blob, originalText, duration) {
<script>
// ---------- Глобальные переменные и инициализация ----------
const GROQ_API_KEY = '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';
const VERSION = 'v75';
const VERSION = 'v76';
let mediaRecorder, audioChunks = [], userAudioBlob = null, ttsText = '';
let isRecording = false, isAnalyzing = false, micAnalyser = null, micAnimId = null;
@@ -774,19 +785,12 @@ document.getElementById('btnRecord').onclick = async function () {
// ---------- Воспроизведение своей записи ----------
document.getElementById('btnPlayUser').onclick = async () => {
if (!userAudioBlob) return setStatus('Нет записи!');
if (userAudioBlob.size === 0) return setStatus('Запись пустая!');
const url = URL.createObjectURL(userAudioBlob);
const audio = new Audio(url);
audio.volume = 1.0;
audio.onended = () => { URL.revokeObjectURL(url); setStatus('Готово.'); };
audio.onerror = () => { URL.revokeObjectURL(url); setStatus('Ошибка воспроизведения.'); };
setStatus('🔊 Ваша запись...');
try {
await audio.play();
await playTrimmed(userAudioBlob);
setStatus('Готово.');
} catch (err) {
URL.revokeObjectURL(url);
setStatus('Ошибка воспроизведения — нажмите ещё раз.');
return;
setStatus('Ошибка воспроизведения.');
}
};
js/audio.js
+21 -10
View File
@@ -90,22 +90,33 @@ function stopRecording() {
if (mediaRecorder && mediaRecorder.state === 'recording') mediaRecorder.stop();
}
// ---------- Воспроизведение ----------
// ---------- Воспроизведение (с обрезкой тишины) ----------
async function playTrimmed(blob) {
const t = await trimSilence(blob);
const ctx = getAudioCtx();
let buf;
if (t) {
const offline = new OfflineAudioContext(1, t.data.length, t.sr);
buf = offline.createBuffer(1, t.data.length, t.sr);
buf.getChannelData(0).set(t.data);
} else {
const ab = await blob.arrayBuffer();
buf = await ctx.decodeAudioData(ab);
}
const src = ctx.createBufferSource();
src.buffer = buf;
src.connect(ctx.destination);
src.start();
return new Promise(resolve => { src.onended = resolve; });
}
async function playRec(id) {
try {
const db = await openRecDB();
const tx = db.transaction('recs', 'readonly');
const store = tx.objectStore('recs');
const rec = await new Promise(r => { const req = store.get(id); req.onsuccess = () => r(req.result); });
if (rec?.blob) {
const url = URL.createObjectURL(rec.blob);
const audio = new Audio(url);
await new Promise((resolve, reject) => {
audio.onended = () => { URL.revokeObjectURL(url); resolve(); };
audio.onerror = () => { URL.revokeObjectURL(url); reject(); };
audio.play();
});
}
if (rec?.blob) await playTrimmed(rec.blob);
} catch(e) { /* тихо */ }
}
js/main.js
+4 -11
View File
@@ -1,6 +1,6 @@
// ---------- Глобальные переменные и инициализация ----------
const GROQ_API_KEY = '';
const VERSION = 'v75';
const VERSION = 'v76';
let mediaRecorder, audioChunks = [], userAudioBlob = null, ttsText = '';
let isRecording = false, isAnalyzing = false, micAnalyser = null, micAnimId = null;
@@ -41,19 +41,12 @@ document.getElementById('btnRecord').onclick = async function () {
// ---------- Воспроизведение своей записи ----------
document.getElementById('btnPlayUser').onclick = async () => {
if (!userAudioBlob) return setStatus('Нет записи!');
if (userAudioBlob.size === 0) return setStatus('Запись пустая!');
const url = URL.createObjectURL(userAudioBlob);
const audio = new Audio(url);
audio.volume = 1.0;
audio.onended = () => { URL.revokeObjectURL(url); setStatus('Готово.'); };
audio.onerror = () => { URL.revokeObjectURL(url); setStatus('Ошибка воспроизведения.'); };
setStatus('🔊 Ваша запись...');
try {
await audio.play();
await playTrimmed(userAudioBlob);
setStatus('Готово.');
} catch (err) {
URL.revokeObjectURL(url);
setStatus('Ошибка воспроизведения — нажмите ещё раз.');
return;
setStatus('Ошибка воспроизведения.');
}
};