From 33a0674b783f47641abbd42ee8eb3a7f3e378eba Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 29 Oct 2020 19:15:32 +0100 Subject: video seek logic --- animism-align/frontend/app/views/viewer/nav/nav.css | 5 +++++ .../views/viewer/player/components.fullscreen/fullscreen.video.js | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend') diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css index c156fba..2b69ae3 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.css +++ b/animism-align/frontend/app/views/viewer/nav/nav.css @@ -84,6 +84,11 @@ overflow: hidden; text-overflow: ellipsis; } +.viewer-nav .link.section-link > span { + justify-content: flex-start; + white-space: pre; + display: block; +} .transcript-link { padding-right: 1.25rem; diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js index b8d1a62..5fa1ea7 100644 --- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js +++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js @@ -39,7 +39,9 @@ class FullscreenVideo extends Component { componentDidUpdate(prevProps) { if (Math.abs(this.props.play_ts - prevProps.play_ts) > 1.0) { // handle seek - const seek = (this.props.play_ts - this.props.element.start_ts) % this.state.duration + const { play_ts, element } = this.props + const { duration, video_start_ts } = this.state + const seek = ((play_ts - element.start_ts) % duration) + video_start_ts this.setState({ seek }) } } -- cgit v1.2.3-70-g09d2