hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-17 08:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add fading to intro and outro

Browse source
This commit is contained in:
MAZE 2024-01-29 19:01:36 +03:30
parent 32da26ccfc
commit 5467bbbc24
2 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/sound/sound.tsx
View file

@ -43,9 +43,9 @@ export function Sound({
useEffect(() => { useEffect(() => {
if (isSelected && isPlaying && functional) { if (isSelected && isPlaying && functional) {
sound?.play(); sound?.fadeIn();
} else { } else {
sound?.pause(); sound?.fadeOut();
} }
}, [isSelected, sound, isPlaying, functional]); }, [isSelected, sound, isPlaying, functional]);

23
src/hooks/use-sound.ts
View file

@ -62,9 +62,28 @@ export function useSound(
if (sound) sound.pause(); if (sound) sound.pause();
}, [sound]); }, [sound]);
const fadeIn = useCallback(() => {
if (sound) {
if (!sound.playing()) {
play();
sound.fade(0, options.volume || 0.5, 1000);
}
}
}, [play, sound, options.volume]);
const fadeOut = useCallback(() => {
if (sound) {
sound.fade(options.volume || 0.5, 0, 1000);
setTimeout(() => {
sound.pause();
}, 1200);
}
}, [sound, options.volume]);
const control = useMemo( const control = useMemo(
() => ({ isLoading, pause, play, stop }), () => ({ fadeIn, fadeOut, isLoading, pause, play, stop }),
[play, stop, pause, isLoading], [play, stop, pause, isLoading, fadeIn, fadeOut],
); );
return control; return control;