summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/player
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player')
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js7
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js1
-rw-r--r--animism-align/frontend/app/views/viewer/player/player.fullscreen.js3
3 files changed, 10 insertions, 1 deletions
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 a2c4b72..e226bab 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
@@ -28,6 +28,7 @@ class FullscreenVideo extends Component {
this.handlePlay = this.handlePlay.bind(this)
this.handlePause = this.handlePause.bind(this)
this.handleTimeUpdate = this.handleTimeUpdate.bind(this)
+ this.handleScrub = this.handleScrub.bind(this)
this.handleEnd = this.handleEnd.bind(this)
}
componentDidMount() {
@@ -61,6 +62,10 @@ class FullscreenVideo extends Component {
this.setState(timing)
}
}
+ handleScrub(timing) {
+ console.log(timing)
+ this.setState(timing)
+ }
render() {
const { element, media, transitionDuration, play_ts, playing } = this.props
@@ -109,7 +114,7 @@ class FullscreenVideo extends Component {
playing={playing}
duration={element.duration}
timing={this.state}
- onScrub={this.handleTimeUpdate}
+ onScrub={this.handleScrub}
/>
</div>
)
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
index 78c4b1d..aec82ca 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
+++ b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
@@ -55,6 +55,7 @@ class VideoScrubber extends Component {
// in case the video loops, modulo the length of the original video
const video_seek = ((seconds + video_start_ts) % timing.duration)
//
+ console.log(start_ts, seconds)
onScrub({
seek: video_seek,
seconds: seconds,
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index 75a7e33..2f17375 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -49,6 +49,7 @@ class PlayerFullscreen extends Component {
// also any elements starting at this point should transition immediately,
// to prevent flash of the underlying content.
if (seekedElements.length) {
+ // console.log(play_ts, seek_ts, 'seeked', seekedElements)
elements = seekedElements.map(e => {
if (e.start_ts === seek_ts && e.type !== 'curtain') {
return {
@@ -58,6 +59,8 @@ class PlayerFullscreen extends Component {
}
return e
})
+ } else {
+ // console.log(play_ts, seek_ts, 'elements', elements)
}
// console.log(elements)
// set nav style from top-most element