danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-12 00:59:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Round Video: Fix pause after first click on Safari (#1291)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-07-19 01:56:30 +03:00
parent 6f4900fd4c
commit 2497488eec
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,6 +23,7 @@ import useVideoCleanup from '../../../hooks/useVideoCleanup';
import usePauseOnInactive from './hooks/usePauseOnInactive'; import usePauseOnInactive from './hooks/usePauseOnInactive';
import useBlurredMediaThumbRef from './hooks/useBlurredMediaThumbRef'; import useBlurredMediaThumbRef from './hooks/useBlurredMediaThumbRef';
import safePlay from '../../../util/safePlay'; import safePlay from '../../../util/safePlay';
import { fastRaf } from '../../../util/schedulers';
import ProgressSpinner from '../../ui/ProgressSpinner'; import ProgressSpinner from '../../ui/ProgressSpinner';
@ -121,7 +122,7 @@ const RoundVideo: FC<OwnProps> = ({
setProgress(0); setProgress(0);
safePlay(playerRef.current!); safePlay(playerRef.current!);
requestAnimationFrame(() => { fastRaf(() => {
playingProgressRef.current!.innerHTML = ''; playingProgressRef.current!.innerHTML = '';
}); });
}; };
@ -162,7 +163,11 @@ const RoundVideo: FC<OwnProps> = ({
} }
} else { } else {
capturePlaying(); capturePlaying();
// Pause is a workaround for iOS Safari – otherwise it stops video after several frames
playerEl.pause();
playerEl.currentTime = 0; playerEl.currentTime = 0;
safePlay(playerEl);
setIsActivated(true); setIsActivated(true);
} }
}, [capturePlaying, isActivated, mediaData]); }, [capturePlaying, isActivated, mediaData]);