From c4f713d2f74dc37f2c40022cf0c7129f51b680d9 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 3 Dec 2020 17:22:47 +0100 Subject: scrubbing fix --- .../app/views/viewer/modals/modals.video.js | 23 +++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) (limited to 'animism-align') diff --git a/animism-align/frontend/app/views/viewer/modals/modals.video.js b/animism-align/frontend/app/views/viewer/modals/modals.video.js index b67fc4b..30a6ff8 100644 --- a/animism-align/frontend/app/views/viewer/modals/modals.video.js +++ b/animism-align/frontend/app/views/viewer/modals/modals.video.js @@ -51,25 +51,34 @@ class ModalVideo extends Component { this.setState({ ready: true, playing: true }) } handlePause() { + console.log("pause") this.setState({ playing: false }) } handleEnd() { this.setState({ playing: false }) } handleTimeUpdate(timing) { + console.log(timing.seconds) if (!this.state.scrubbing || ('scrubbing' in timing)) { - this.setState(timing) + this.setState({ + ...timing, + playing: true + }) } } handleScrub(timing) { - // console.log(timing) - this.setState({ - ...timing, - seek: timing.seconds, - }) + console.log('scrub', timing.seconds) + if (timing.seconds) { + this.setState({ + playing: true, + ...timing, + seek: timing.seconds, + }) + } else { + this.setState({ scrubbing: false }) + } } handleToggle() { - console.log('handle toggle to', !this.state.playing) this.setState({ playing: !this.state.playing }) } render() { -- cgit v1.2.3-70-g09d2