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

Video: Use server duration for broken videos (#5312)

Browse Source
This commit is contained in:
zubiden 2024-12-20 11:37:09 +01:00 committed by Alexander Zinchuk
parent b03ad51ec4
commit 3ab127f239
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/middle/message/Video.tsx
View File

@ -123,20 +123,22 @@ const Video = <T,>({
const hasThumb = Boolean(thumbDataUri); const hasThumb = Boolean(thumbDataUri);
const withBlurredBackground = Boolean(forcedWidth); const withBlurredBackground = Boolean(forcedWidth);
const isInline = fullMediaData && wasIntersectedRef.current;
const isUnsupported = useUnsupportedMedia(videoRef, true, !isInline);
const previewMediaHash = !isPaidPreview ? getVideoMediaHash(video, 'preview') : undefined; const previewMediaHash = !isPaidPreview ? getVideoMediaHash(video, 'preview') : undefined;
const [isPreviewPreloaded] = useState(Boolean(previewMediaHash && mediaLoader.getFromMemory(previewMediaHash))); const [isPreviewPreloaded] = useState(Boolean(previewMediaHash && mediaLoader.getFromMemory(previewMediaHash)));
const canLoadPreview = isIntersectingForLoading; const canLoadPreview = isIntersectingForLoading;
const previewBlobUrl = useMedia(previewMediaHash, !canLoadPreview); const previewBlobUrl = useMedia(previewMediaHash, !canLoadPreview);
const previewRef = useMediaTransition<HTMLImageElement>((hasThumb || previewBlobUrl) && !isPlayerReady); const shouldHidePreview = isPlayerReady && !isUnsupported;
const previewRef = useMediaTransition<HTMLImageElement>((hasThumb || previewBlobUrl) && !shouldHidePreview);
const noThumb = Boolean(!hasThumb || previewBlobUrl || isPlayerReady); const noThumb = Boolean(!hasThumb || previewBlobUrl || isPlayerReady);
const thumbRef = useBlurredMediaThumbRef(video, noThumb); const thumbRef = useBlurredMediaThumbRef(video, noThumb);
useMediaTransition(!noThumb, { ref: thumbRef }); useMediaTransition(!noThumb, { ref: thumbRef });
const blurredBackgroundRef = useBlurredMediaThumbRef(video, !withBlurredBackground); const blurredBackgroundRef = useBlurredMediaThumbRef(video, !withBlurredBackground);
const isInline = fullMediaData && wasIntersectedRef.current;
const isUnsupported = useUnsupportedMedia(videoRef, true, !isInline);
const { loadProgress: downloadProgress } = useMediaWithLoadProgress( const { loadProgress: downloadProgress } = useMediaWithLoadProgress(
!isPaidPreview ? getVideoMediaHash(video, 'download') : undefined, !isPaidPreview ? getVideoMediaHash(video, 'download') : undefined,
!isDownloading, !isDownloading,
@ -169,7 +171,8 @@ const Video = <T,>({
setPlayProgress(Math.max(0, e.currentTarget.currentTime - 1)); setPlayProgress(Math.max(0, e.currentTarget.currentTime - 1));
}); });
const duration = (Number.isFinite(videoRef.current?.duration) ? videoRef.current?.duration : video.duration) || 0; const duration = (Number.isFinite(videoRef.current?.duration) && !isUnsupported
? videoRef.current?.duration : video.duration) || 0;
const { const {
width, height, width, height,