devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved the duration display on Listening

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-09-11 09:06:01 +01:00
parent 27956d311c
commit dadaa831ba
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Low/AudioPlayer.tsx
View File

@@ -21,11 +21,22 @@ export default function AudioPlayer({src, color, autoPlay = false, disabled = fa
const audioPlayerRef = useRef<HTMLAudioElement | null>(null); const audioPlayerRef = useRef<HTMLAudioElement | null>(null);
useEffect(() => { useEffect(() => {
if (audioPlayerRef && audioPlayerRef.current) { const durationInterval = setInterval(() => {
const seconds = Math.floor(audioPlayerRef.current.duration); console.log("WOOP", duration);
setDuration(seconds); if (duration > 0) clearInterval(durationInterval);
}
}, [audioPlayerRef?.current?.readyState]); console.log("YEEHAW");
const seconds = Math.floor(audioPlayerRef?.current?.duration || 0);
if (seconds > 0) setDuration(seconds);
}, 300);
if (duration > 0) clearInterval(durationInterval);
return () => {
clearInterval(durationInterval);
};
}, [duration]);
useEffect(() => { useEffect(() => {
let playingInterval: NodeJS.Timer | undefined = undefined; let playingInterval: NodeJS.Timer | undefined = undefined;