Georg/ai.interactive.fiction
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed Ducking. Refined UI.

Browse Source
This commit is contained in:
Georg Tomitsch
2026-05-14 23:18:30 +02:00
parent b5829ed773
commit 9a6bb009f2
10 changed files with 224 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/playback-coordinator-module.js
+9 -3
View File
@@ -203,12 +203,13 @@ class PlaybackCoordinatorModule extends BaseModule {
animQueue.schedule(() => {
const word = wordElements[i];
const duration = Math.max(0, timing.duration || 0);
const transitionDuration = `${duration}ms`;
word.style.transition = `opacity ${transitionDuration} linear, transform ${transitionDuration} ease-out`;
word.style.transition = 'none';
word.style.animation = 'none';
word.style.visibility = 'visible';
word.style.opacity = '1';
word.style.transform = 'translateY(0)';
word.style.clipPath = 'inset(0 100% 0 0)';
word.style.animation = `wordReveal ${duration}ms linear forwards`;
}, timing.delay);
}
});
@@ -309,8 +310,10 @@ class PlaybackCoordinatorModule extends BaseModule {
if (this.currentSentence.element) {
const wordElements = this.currentSentence.element.querySelectorAll('.word');
wordElements.forEach(word => {
word.style.animation = 'none';
word.style.opacity = '1';
word.style.transform = 'translateY(0)';
word.style.clipPath = 'inset(0 0 0 0)';
});
}
}
@@ -338,6 +341,9 @@ class PlaybackCoordinatorModule extends BaseModule {
this.isPlaying = false;
this.currentSentence = null;
document.dispatchEvent(new CustomEvent('tts:playback-end', {
detail: { reason: 'playback-coordinator-stop' }
}));
}
}