chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

update to 8.3.x (#6100)

Browse Source
This commit is contained in:
Blake Blackshear
2023-04-16 07:09:51 -05:00
committed by GitHub
parent 149d6694d6
commit f8f76fcb94
5 changed files with 199 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/HistoryViewer/HistoryVideo.tsx
View File

@@ -3,11 +3,10 @@ import { useCallback, useEffect, useRef, useState } from 'preact/hooks';
import { useApiHost } from '../../api';
import { isNullOrUndefined } from '../../utils/objectUtils';
import 'videojs-seek-buttons';
import 'video.js/dist/video-js.css';
import 'videojs-seek-buttons/dist/videojs-seek-buttons.css';
import videojs, { VideoJsPlayer } from 'video.js';
import videojs from 'video.js';
import type Player from 'video.js/dist/types/player';
interface OnTimeUpdateEvent {
timestamp: number;
@@ -34,10 +33,10 @@ export const HistoryVideo = ({
const apiHost = useApiHost();
const videoRef = useRef<HTMLVideoElement>(null);
const [video, setVideo] = useState<VideoJsPlayer>();
const [video, setVideo] = useState<Player>();
useEffect(() => {
let video: VideoJsPlayer
let video: Player
if (videoRef.current) {
video = videojs(videoRef.current, {})
setVideo(video)
@@ -88,7 +87,8 @@ export const HistoryVideo = ({
);
useEffect(() => {
if (video && video.readyState() >= 1) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
if (video && (video as any).readyState() >= 1) {
if (videoIsPlaying) {
video.play()
} else {
@@ -98,7 +98,8 @@ export const HistoryVideo = ({
}, [video, videoIsPlaying])
const onLoad = useCallback(() => {
if (video && video.readyState() >= 1 && videoIsPlaying) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
if (video && (video as any).readyState() >= 1 && videoIsPlaying) {
video.play()
}
}, [video, videoIsPlaying])