diff options
-rw-r--r-- | src/client/util/RecordingApi.ts | 2 | ||||
-rw-r--r-- | src/client/views/nodes/RecordingBox/RecordingView.tsx | 11 |
2 files changed, 7 insertions, 6 deletions
diff --git a/src/client/util/RecordingApi.ts b/src/client/util/RecordingApi.ts index d56093cee..bcd21a48a 100644 --- a/src/client/util/RecordingApi.ts +++ b/src/client/util/RecordingApi.ts @@ -48,8 +48,6 @@ export class RecordingApi { // for now, set playFFView this.playFFView = null; this.timers = null; - - // put a pointerdown event on the doucment to see what the target } // little helper :) diff --git a/src/client/views/nodes/RecordingBox/RecordingView.tsx b/src/client/views/nodes/RecordingBox/RecordingView.tsx index 15883632a..d4d19f3d8 100644 --- a/src/client/views/nodes/RecordingBox/RecordingView.tsx +++ b/src/client/views/nodes/RecordingBox/RecordingView.tsx @@ -60,7 +60,7 @@ export function RecordingView(props: IRecordingViewProps) { } } - // useEffect(() => console.debug('progress', progress), [progress]) + useEffect(() => console.log('progress', progress), [progress]) useEffect(() => { if (finished) { @@ -93,7 +93,8 @@ export function RecordingView(props: IRecordingViewProps) { useEffect(() => { let interval: any = null; if (recording) { - interval = setInterval(() => { + interval = setTimeout(() => { + console.log('update interval') setRecordingTimer(unit => unit + 1); }, 10); } else if (!recording && recordingTimer !== 0) { @@ -201,7 +202,9 @@ export function RecordingView(props: IRecordingViewProps) { setDoUndo(prev => !prev); } - const handleOnTimeUpdate = () => { playing && setVideoProgressHelper(videoElementRef.current!.currentTime); }; + const handleOnTimeUpdate = () => { + playing && setVideoProgressHelper(videoElementRef.current!.currentTime); + }; const millisecondToMinuteSecond = (milliseconds: number) => { const toTwoDigit = (digit: number) => { @@ -218,7 +221,7 @@ export function RecordingView(props: IRecordingViewProps) { <video id={`video-${props.id}`} autoPlay muted - onTimeUpdate={() => handleOnTimeUpdate()} + onTimeUpdate={handleOnTimeUpdate} ref={videoElementRef} /> <div className="recording-sign"> |