1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
import { MediaInfo as Mediainfo, ResultObject } from 'mediainfo.js/dist/types';
import JSZip from 'jszip';
import { TimedVideoPlayer } from './pages/present';
// garbage garbage garbage
declare var MediaInfo: () => Promise<Mediainfo>;
const filext = '.prspr';
export class LocalVideo {
source: ArrayBuffer;
type: string;
mimetype: string;
framerate: number;
framecount: number;
constructor(video?: ArrayBuffer) {
this.type = 'local';
if (video) this.load(video);
}
async load(data: ArrayBuffer) {
this.source = data;
var mediainfo = await MediaInfo();
var result = await mediainfo.analyzeData(
() => this.source.byteLength,
(size, offset) => new Uint8Array(this.source.slice(offset, offset + size)),
) as ResultObject;
var meta = result.media.track[0] as unknown as {
FrameCount: string;
FrameRate: string;
};
this.framecount = Number(meta.FrameCount);
this.framerate = Number(meta.FrameRate);
}
save(dir: JSZip) {
dir.file('video', this.source);
dir.file('framecount', this.framecount.toString());
dir.file('framerate', this.framerate.toString());
dir.file('type', this.type);
}
}
export const VideoSourceTypeToClass = {
'local': LocalVideo,
} as const;
// export type VideoSources = [LocalVideo];
export type valueof<T> = T[keyof T];
export type VideoSources = InstanceType<valueof<typeof VideoSourceTypeToClass>>;
export default class {
version: string;
zip: JSZip;
project: TimedVideoPlayer['timeline'];
video: VideoSources;
constructor() {
this.version = '0.1.0';
this.zip = new JSZip();
}
async downloadProjectFile() {
var zip = await this.zip.generateAsync({ type: 'blob' });
var blob = new Blob([zip], { type: 'application/octet-stream' });
var a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = this.project.name
.toLowerCase()
.replace(/\s/g, '-') + filext;
a.click();
}
loadProject(project: TimedVideoPlayer['timeline']) {
this.project = project;
}
saveProject() {
var meta = this.zip.folder('meta');
meta.file('version', this.version);
meta.file('name', this.project.name);
var settings = this.zip.folder('settings');
settings.file('controlType', this.project.settings.controlType);
var source = this.zip.folder('source');
this.video.save(source);
source.file('mimetype', this.video.mimetype);
this.zip.file('slides', JSON.stringify(this.project.slides, null, 4));
}
async openProject(data: ArrayBuffer) {
this.zip = new JSZip();
await this.zip.loadAsync(data);
this.project = {
name: await this.zip.file('meta/name').async('string'),
settings: { controlType: await this.zip.file('settings/controlType').async('string') },
slides: JSON.parse(await this.zip.file('slides').async('string')),
framerate: Number(await this.zip.file('source/framerate').async('string')),
framecount: Number(await this.zip.file('source/framecount').async('string')),
} as TimedVideoPlayer['timeline'];
var type = await this.zip.file('source/type').async('string');
if (!VideoSourceTypeToClass.hasOwnProperty(type)) return;
this.video = new VideoSourceTypeToClass[type](await this.zip.file('source/video').async('arraybuffer'));
this.video.mimetype = await this.zip.file('source/mimetype').async('string');
}
}
|