diff options
author | lonkaars <loek@pipeframe.xyz> | 2021-05-24 11:26:11 +0200 |
---|---|---|
committer | lonkaars <loek@pipeframe.xyz> | 2021-05-24 11:26:11 +0200 |
commit | 5e07224b4bf5010b96f745441b6ee4c213d3fb81 (patch) | |
tree | 812132ad39d4a56ae9a1529ceb9c9ff69efe1109 /pages/present.tsx | |
parent | 221efd26e676ca86aa6f9058d7f7d082e1b87e94 (diff) |
dragging keyframe affects timeline :tada:
Diffstat (limited to 'pages/present.tsx')
-rw-r--r-- | pages/present.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/pages/present.tsx b/pages/present.tsx index f5955fc..9769577 100644 --- a/pages/present.tsx +++ b/pages/present.tsx @@ -58,6 +58,9 @@ export class TimedVideoPlayer { jumpToFrame(frame: number) { this.player.currentTime = this.frameToTimestamp(frame); this.frame = frame; + + var event = new CustomEvent('TimedVideoPlayerOnFrame', { detail: this.frame }); + this.dispatchEvent(event); } jumpToSlide(slide: slide) { @@ -128,7 +131,6 @@ export class TimedVideoPlayer { setInterval(() => { if (this.player.paused) return; - var lastFrame = this.frame; this.frame = this.timestampToFrame(this.player.currentTime); var event = new CustomEvent('TimedVideoPlayerOnFrame', { detail: this.frame }); @@ -169,6 +171,7 @@ export class TimedVideoPlayer { this.framerate = this.timeline.framerate; this.timeline.slides[-1] = { + id: '00000000-0000-0000-0000-000000000000', frame: 0, type: 'default', clickThroughBehaviour: 'ImmediatelySkip', @@ -202,6 +205,7 @@ export class TimedVideoPlayer { if (!this.registeredEventListeners) return; this.slide = Math.max(this.slide - 1, -1); + var event = new CustomEvent('TimedVideoPlayerSlide', { detail: this.slide }); this.dispatchEvent(event); |