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

Round Video: Fix failing to play

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-02-14 00:53:34 +03:00
parent 8cbf312268
commit a29e6c07da
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,17 +38,7 @@ type OwnProps = {
isDownloading?: boolean; isDownloading?: boolean;
}; };
let currentOnRelease: NoneToVoidFunction; let stopPrevious: NoneToVoidFunction;
function createCapture(onRelease: NoneToVoidFunction) {
return () => {
if (currentOnRelease) {
currentOnRelease();
}
currentOnRelease = onRelease;
};
}
const RoundVideo: FC<OwnProps> = ({ const RoundVideo: FC<OwnProps> = ({
message, message,
@ -130,17 +120,24 @@ const RoundVideo: FC<OwnProps> = ({
const shouldPlay = Boolean(mediaData && isIntersecting); const shouldPlay = Boolean(mediaData && isIntersecting);
const stopPlaying = () => { const stopPlaying = useCallback(() => {
if (!playerRef.current) {
return;
}
setIsActivated(false); setIsActivated(false);
setProgress(0); setProgress(0);
safePlay(playerRef.current!); safePlay(playerRef.current);
fastRaf(() => { fastRaf(() => {
playingProgressRef.current!.innerHTML = ''; playingProgressRef.current!.innerHTML = '';
}); });
}; }, []);
const capturePlaying = createCapture(stopPlaying); const capturePlaying = useCallback(() => {
stopPrevious?.();
stopPrevious = stopPlaying;
}, [stopPlaying]);
useEffect(() => { useEffect(() => {
if (!playerRef.current) { if (!playerRef.current) {