ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Round Video: Fix current time progress (#5899)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-05-14 19:02:22 +03:00
parent 7874fbbb03
commit a8ab4942d0
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/message/RoundVideo.tsx
View File

@ -129,6 +129,7 @@ const RoundVideo: FC<OwnProps> = ({
}); });
const [isActivated, setIsActivated] = useState(false); const [isActivated, setIsActivated] = useState(false);
const [currentTime, setCurrentTime] = useState(0);
const [getProgress, setProgress] = useSignal(0); const [getProgress, setProgress] = useSignal(0);
const getThrottledProgress = useThrottledSignal(getProgress, PROGRESS_THROTTLE); const getThrottledProgress = useThrottledSignal(getProgress, PROGRESS_THROTTLE);
@ -229,6 +230,7 @@ const RoundVideo: FC<OwnProps> = ({
const handleTimeUpdate = useLastCallback((e: React.UIEvent<HTMLVideoElement>) => { const handleTimeUpdate = useLastCallback((e: React.UIEvent<HTMLVideoElement>) => {
const playerEl = e.currentTarget; const playerEl = e.currentTarget;
setProgress(playerEl.currentTime / playerEl.duration); setProgress(playerEl.currentTime / playerEl.duration);
setCurrentTime(Math.floor(playerEl.currentTime));
}); });
const handleTranscribe = useLastCallback(() => { const handleTranscribe = useLastCallback(() => {
@ -335,7 +337,7 @@ const RoundVideo: FC<OwnProps> = ({
'message-media-duration', isMediaUnread && 'unread', 'message-media-duration', isMediaUnread && 'unread',
)} )}
> >
{isActivated ? formatMediaDuration(playerRef.current!.currentTime) : formatMediaDuration(video.duration)} {isActivated ? formatMediaDuration(currentTime) : formatMediaDuration(video.duration)}
{(!isActivated || playerRef.current!.paused) && <Icon name="muted" />} {(!isActivated || playerRef.current!.paused) && <Icon name="muted" />}
</div> </div>
)} )}