diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-05-13 16:55:11 +0200 | 
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-05-13 16:55:11 +0200 | 
| commit | 136febb9366a098bd21835d7cc758dcd3acffe9c (patch) | |
| tree | dff2af8471304b85c1518265b31e6cb0c16bc00c | |
| parent | 967123ed915634b8303007daca312666bc5d3906 (diff) | |
read framerate from timeline
| -rw-r--r-- | pages/present.tsx | 10 | 
1 files changed, 7 insertions, 3 deletions
diff --git a/pages/present.tsx b/pages/present.tsx index 7a3f290..26f3e1f 100644 --- a/pages/present.tsx +++ b/pages/present.tsx @@ -1,6 +1,6 @@  import Button from '@material-ui/core/Button';  import Ajv from 'ajv'; -import { useEffect, useState } from 'react'; +import { useEffect } from 'react';  import timeline, { slide } from '../timeline';  import * as timelineSchema from '../timeline.schema.json'; @@ -20,11 +20,14 @@ class TimedVideoPlayer {  	video: string;  	registeredEventListeners: boolean;  	frame: number; +	framerate: number; -	constructor(public framerate: number) { +	constructor() {  		this.slide = -1;  		this.precision = 3;  		this.frame = 0; +		this.framerate = 0; +		this.offset = 0;  		this.registeredEventListeners = false;  	} @@ -101,6 +104,7 @@ class TimedVideoPlayer {  		}  		this.timeline = timeline as timeline; +		this.framerate = this.timeline.framerate;  		this.timeline.slides[-1] = {  			frame: 0, @@ -151,7 +155,7 @@ export default function Present() {  		}, 500);  	}, []); -	var player = new TimedVideoPlayer(60); +	var player = new TimedVideoPlayer();  	useEffect(() => {  		var videoEL = document.getElementById('player') as HTMLVideoElement;  |