bernd/event-audio-recorder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

editor.py aktualisiert

Browse Source
This commit is contained in:
bernd
2026-10-01 23:18:41 +02:00
parent e1db6c84f2
commit 0aba40335b
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
editor.py
+15 -1
View File
@@ -876,7 +876,7 @@ h1 { margin:0 0 6px; font-size:28px; }
.editor { background:var(--color-surface); border:1px solid var(--color-border); border-radius:10px; padding:20px; }
.wave-wrap { position:relative; width:100%; height:240px; background:var(--color-surface-dark); border-radius:6px; overflow:hidden; user-select:none; touch-action:none; }
.wave-image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:fill; display:block; opacity:.9; pointer-events:none; }
.selection { position:absolute; top:0; bottom:0; background:rgba(48,115,142,.48); border-left:2px solid #ffffff; border-right:2px solid #ffffff; pointer-events:none; }
.selection { position:absolute; top:0; bottom:0; background:rgba(48,115,142,.68); border-left:2px solid #ffffff; border-right:2px solid #ffffff; pointer-events:none; }
.playhead { position:absolute; top:0; bottom:0; width:2px; margin-left:-1px; background:#ffcc33; box-shadow:0 0 5px #000, 0 0 10px rgba(255,204,51,.85); z-index:4; pointer-events:none; }
.handle { position:absolute; top:0; bottom:0; width:18px; margin-left:-9px; cursor:ew-resize; z-index:3; touch-action:none; }
.handle::after { content:""; position:absolute; left:7px; top:0; bottom:0; width:4px; background:var(--color-white); border-radius:2px; box-shadow:0 0 5px var(--color-shadow); }
@@ -1258,6 +1258,20 @@ wave.addEventListener('pointerdown', e => {
const t=xToTime(e.clientX);
audio.currentTime = Math.max(0, Math.min(duration,t));
});
// Keep keyboard playback controls available after clicking the waveform.
// Space toggles the audio regardless of which waveform element was clicked.
document.addEventListener('keydown', e => {
if (e.code !== 'Space') return;
const target = e.target;
if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.tagName === 'SELECT' || target.isContentEditable)) return;
e.preventDefault();
if (audio.paused) {
audio.play().catch(() => {});
} else {
audio.pause();
}
});
audio.addEventListener('timeupdate', () => {
document.getElementById('position').textContent=fmt(audio.currentTime);
renderPlayhead();