diff --git a/enjoy/src/renderer/components/conversations/speech-player.tsx b/enjoy/src/renderer/components/conversations/speech-player.tsx index 931d7736..812068f2 100644 --- a/enjoy/src/renderer/components/conversations/speech-player.tsx +++ b/enjoy/src/renderer/components/conversations/speech-player.tsx @@ -22,7 +22,7 @@ export const SpeechPlayer = (props: { const [initialized, setInitialized] = useState(false); const onPlayClick = useCallback(() => { - wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play(); + wavesurfer.playPause(); }, [wavesurfer]); useEffect(() => { diff --git a/enjoy/src/renderer/components/medias/media-player-controls.tsx b/enjoy/src/renderer/components/medias/media-player-controls.tsx index bd7890a7..38e27c07 100644 --- a/enjoy/src/renderer/components/medias/media-player-controls.tsx +++ b/enjoy/src/renderer/components/medias/media-player-controls.tsx @@ -67,11 +67,7 @@ export const MediaPlayerControls = () => { const playOrPause = () => { if (!wavesurfer) return; - if (wavesurfer.isPlaying()) { - wavesurfer.pause(); - } else { - wavesurfer.play(); - } + wavesurfer.playPause(); }; const debouncedPlayOrPause = debounce(playOrPause, 100); diff --git a/enjoy/src/renderer/components/misc/wavesurfer-player.tsx b/enjoy/src/renderer/components/misc/wavesurfer-player.tsx index 25cf6a30..cff561bd 100644 --- a/enjoy/src/renderer/components/misc/wavesurfer-player.tsx +++ b/enjoy/src/renderer/components/misc/wavesurfer-player.tsx @@ -46,7 +46,7 @@ export const WavesurferPlayer = (props: { const onPlayClick = useCallback(() => { if (!wavesurfer) return; - wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play(); + wavesurfer.playPause(); }, [wavesurfer]); const initialize = () => { diff --git a/enjoy/src/renderer/components/recordings/recording-player.tsx b/enjoy/src/renderer/components/recordings/recording-player.tsx index 3a28700c..bd9fd168 100644 --- a/enjoy/src/renderer/components/recordings/recording-player.tsx +++ b/enjoy/src/renderer/components/recordings/recording-player.tsx @@ -34,7 +34,7 @@ export const RecordingPlayer = (props: { const [initialized, setInitialized] = useState(false); const onPlayClick = useCallback(() => { - wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play(); + wavesurfer.playPause(); }, [wavesurfer]); useEffect(() => { @@ -107,11 +107,7 @@ export const RecordingPlayer = (props: { useEffect(() => { if (!wavesurfer) return; - if (isPlaying) { - wavesurfer.play(); - } else { - wavesurfer.pause(); - } + wavesurfer.playPause(); }, [isPlaying, wavesurfer]); return (