Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

don't add 16x on every render

Browse Source
This commit is contained in:
Blake Blackshear 2022-05-16 06:49:47 -05:00
parent 7c8142174e
commit d2c3cdcf04
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/components/VideoPlayer.jsx
View File

@ -6,24 +6,25 @@ import 'videojs-seek-buttons';
import 'video.js/dist/video-js.css'; import 'video.js/dist/video-js.css';
import 'videojs-seek-buttons/dist/videojs-seek-buttons.css'; import 'videojs-seek-buttons/dist/videojs-seek-buttons.css';
const defaultOptions = {
controls: true,
playbackRates: [0.5, 1, 2, 4, 8],
fluid: true,
};
const defaultSeekOptions = {
forward: 30,
back: 10,
};
export default function VideoPlayer({ children, options, seekOptions = {}, onReady = () => {}, onDispose = () => {} }) { export default function VideoPlayer({ children, options, seekOptions = {}, onReady = () => {}, onDispose = () => {} }) {
const playerRef = useRef(); const playerRef = useRef();
if (!videojs.browser.IS_FIREFOX) {
defaultOptions.playbackRates.push(16);
}
useEffect(() => { useEffect(() => {
const defaultOptions = {
controls: true,
playbackRates: [0.5, 1, 2, 4, 8],
fluid: true,
};
const defaultSeekOptions = {
forward: 30,
back: 10,
};
if (!videojs.browser.IS_FIREFOX) {
defaultOptions.playbackRates.push(16);
}
const player = videojs(playerRef.current, { ...defaultOptions, ...options }, () => { const player = videojs(playerRef.current, { ...defaultOptions, ...options }, () => {
onReady(player); onReady(player);
}); });