IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Components:MediaViewer:Sub-Components:ViewerPlayer Fixed infinity duration in the player

Browse Source
This commit is contained in:
Akmal Isomadinov 2023-03-24 22:07:50 +05:00
parent 1b9ce8a84b
commit 91d4ef95d3
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/common/components/MediaViewer/sub-components/ViewerPlayer/index.tsx
View File

@ -341,7 +341,19 @@ function ViewerPlayer({
target.muted = isMuted;
target.playbackRate = 1;
if (target.duration === Infinity) {
target.currentTime = Number.MAX_SAFE_INTEGER;
}
};
const handleDurationChange = (
event: React.SyntheticEvent<HTMLVideoElement, Event>
) => {
const target = event.target as HTMLVideoElement;
if (!Number.isFinite(target.duration)) return;
setDuration(target.duration);
target.currentTime = 0;
setIsLoading(false);
};
@ -530,12 +542,14 @@ function ViewerPlayer({
preload="metadata"
onClick={handleClickVideo}
onEnded={handleVideoEnded}
onDurationChange={handleDurationChange}
onTimeUpdate={handleTimeUpdate}
onPlaying={() => setIsWaiting(false)}
onWaiting={() => setIsWaiting(true)}
onError={() => {
console.error("video error");
onError={(error) => {
console.error("video error", error);
setIsError(true);
setIsLoading(false);
}}
onLoadedMetadata={handleLoadedMetaDataVideo}
/>