aboutsummaryrefslogtreecommitdiff
path: root/pages/editor.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'pages/editor.tsx')
-rw-r--r--pages/editor.tsx30
1 files changed, 26 insertions, 4 deletions
diff --git a/pages/editor.tsx b/pages/editor.tsx
index 7d8834c..3313e31 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -132,6 +132,12 @@ function TimelineKeyframe(props: {
if (!last) return;
player.timeline.slides = Array(...workingTimeline);
player.timeline.slides.sort((a: anySlide, b: anySlide) => a.frame - b.frame);
+ player.timeline.slides[-1] = { // TODO: dry
+ id: '00000000-0000-0000-0000-000000000000',
+ frame: 0,
+ type: 'default',
+ clickThroughBehaviour: 'ImmediatelySkip',
+ };
}, { domTarget: mouseUpListener, eventOptions: { passive: false } });
return <animated.div
@@ -398,6 +404,12 @@ export default function Index() {
reader.readAsDataURL(file);
}}
/>
+ <Button
+ variant='contained'
+ color='default'
+ children='Load video'
+ onClick={() => document.getElementById('vidUpload').click()}
+ />
<input
type='file'
id='jsonUpload'
@@ -418,14 +430,24 @@ export default function Index() {
<Button
variant='contained'
color='default'
- children='Load video'
- onClick={() => document.getElementById('vidUpload').click()}
+ children='Load json'
+ onClick={() => document.getElementById('jsonUpload').click()}
/>
<Button
variant='contained'
color='default'
- children='Load json'
- onClick={() => document.getElementById('jsonUpload').click()}
+ children='Download json'
+ onClick={() => {
+ var timeline = Object({ ...(player.timeline) });
+ var data = JSON.stringify(timeline);
+ var blob = new Blob([data], { type: 'application/json' });
+ var a = document.createElement('a');
+ a.href = URL.createObjectURL(blob);
+ a.download = player.timeline.name
+ .toLowerCase()
+ .replace(/\s/g, '-');
+ a.click();
+ }}
/>
</div>
<div className='viewer'>