Do not show the loader during recordings api call (#6366)

* Do not show the loader during recordings api call

Showing the loader during the recordings API call will rerender the recordings list and rerenders the video player

* Fix defauting to 0 seekSeconds if recordings results are missings
This commit is contained in:
Peeter N 2023-05-05 02:02:48 +03:00 committed by GitHub
parent 0fcfcb85ab
commit 17b92aa657
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -30,7 +30,7 @@ export default function Recording({ camera, date, hour = '00', minute = '00', se
// calculates the seek seconds by adding up all the seconds in the segments prior to the playback time // calculates the seek seconds by adding up all the seconds in the segments prior to the playback time
const seekSeconds = useMemo(() => { const seekSeconds = useMemo(() => {
if (!recordings) { if (!recordings) {
return 0; return undefined;
} }
const currentUnix = getUnixTime(currentDate); const currentUnix = getUnixTime(currentDate);
@ -103,6 +103,9 @@ export default function Recording({ camera, date, hour = '00', minute = '00', se
}, [playlistIndex]); }, [playlistIndex]);
useEffect(() => { useEffect(() => {
if (seekSeconds === undefined) {
return;
}
if (this.player) { if (this.player) {
// if the playlist has moved on to the next item, then reset // if the playlist has moved on to the next item, then reset
if (this.player.playlist.currentItem() !== playlistIndex) { if (this.player.playlist.currentItem() !== playlistIndex) {
@ -114,7 +117,7 @@ export default function Recording({ camera, date, hour = '00', minute = '00', se
} }
}, [seekSeconds, playlistIndex]); }, [seekSeconds, playlistIndex]);
if (!recordingsSummary || !recordings || !config) { if (!recordingsSummary || !config) {
return <ActivityIndicator />; return <ActivityIndicator />;
} }
@ -145,7 +148,9 @@ export default function Recording({ camera, date, hour = '00', minute = '00', se
player.playlist(playlist); player.playlist(playlist);
player.playlist.autoadvance(0); player.playlist.autoadvance(0);
player.playlist.currentItem(playlistIndex); player.playlist.currentItem(playlistIndex);
player.currentTime(seekSeconds); if (seekSeconds !== undefined) {
player.currentTime(seekSeconds);
}
this.player = player; this.player = player;
} }
}} }}