Hugging Face's logo

Spaces:
Sebastiankay
/
motion-graphics-webui
Running

App Files Community
Sebastiankay commited on
Commit
5d63573
·
verified ·
1 Parent(s): 1fc70fb

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +385 -96
index.html CHANGED
@@ -1,101 +1,390 @@
1
  <!DOCTYPE html>
2
  <html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
 
4
- <head>
5
- <meta charset="utf-8">
6
- <title>Read a zip file (demo zip.js)</title>
7
- <meta name="viewport" content="width=device-width">
8
- <link rel="stylesheet" href="../default.css">
9
- <link rel="stylesheet" href="demo.css">
10
- <link href="https://fonts.googleapis.com/css?family=Maven+Pro|Muli|Droid+Sans+Mono|Istok+Web" rel="stylesheet"
11
- type="text/css">
12
- </head>
13
-
14
- <body>
15
- <div id="container">
16
- <h1>
17
- <a href="../">zip.js</a> <span class="small"></span>
18
- </h1>
19
-
20
- <div class="description">
21
- A JavaScript library to zip and unzip files
22
- <hr>
23
- </div>
24
-
25
- <h2>Read a zip file (demo)</h2>
26
-
27
- <ol id="demo-container">
28
- <li>
29
- <label>
30
- <span class="form-label">choose a zip file</span>
31
- <button id="file-input-button">Open...</button>
32
- <input type="file" id="file-input" accept="application/zip" hidden>
33
- </label>
34
- </li>
35
- <li id="encoding-item">
36
- <label>
37
- <span class="form-label">select the encoding of names</span>
38
- <select id="encoding-input" disabled>
39
- <option>utf-8</option>
40
- <option>cp437</option>
41
- <option>ibm866</option>
42
- <option>iso-8859-2</option>
43
- <option>iso-8859-3</option>
44
- <option>iso-8859-4</option>
45
- <option>iso-8859-5</option>
46
- <option>iso-8859-6</option>
47
- <option>iso-8859-7</option>
48
- <option>iso-8859-8</option>
49
- <option>iso-8859-10</option>
50
- <option>iso-8859-13</option>
51
- <option>iso-8859-14</option>
52
- <option>iso-8859-15</option>
53
- <option>iso-8859-16</option>
54
- <option>koi8-r</option>
55
- <option>koi8-u</option>
56
- <option>macintosh</option>
57
- <option>windows-874</option>
58
- <option>windows-1250</option>
59
- <option>windows-1251</option>
60
- <option>windows-1252</option>
61
- <option>windows-1253</option>
62
- <option>windows-1254</option>
63
- <option>windows-1255</option>
64
- <option>windows-1256</option>
65
- <option>windows-1257</option>
66
- <option>windows-1258</option>
67
- <option>x-mac-cyrillic</option>
68
- <option>gbk</option>
69
- <option>gb18030</option>
70
- <option>big5</option>
71
- <option>euc-jp</option>
72
- <option>iso-2022-jp</option>
73
- <option>shift-jis</option>
74
- <option>euc-kr</option>
75
- <option>utf-16be</option>
76
- <option>utf-16le</option>
77
- <option>x-user-defined</option>
78
- </select>
79
- </label>
80
- </li>
81
- <li>
82
- <label>
83
- <span class="form-label">set the password</span>
84
- <input type="password" id="password-input" value="" disabled>
85
- </label>
86
- </li>
87
- <li>
88
- <label>
89
- <span class="form-label">download uncompressed files</span>
90
- <ul id="file-list" class="empty">
91
- </ul>
92
- </label>
93
- </li>
94
- </ol>
95
-
96
- </div>
97
- <script type="text/javascript" src="lib/zip-full.min.js"></script>
98
- <script type="text/javascript" src="demo-read-file.js"></script>
99
- </body>
100
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
  </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <link rel="preconnect" href="https://fonts.gstatic.com">
5
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
6
+ <link rel="stylesheet" href="nice-select.css">
7
+ <link ref="stylesheet" href="range-slider.min.css">
8
+ <link rel="stylesheet" href="magic-check.min.css">
9
+ <link rel="stylesheet" href="styles.css">
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/nano.min.css"/>
11
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
12
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
13
+ <!-- Primary Meta Tags -->
14
+ <title>Motionity - The web-based motion graphics editor for everyone</title>
15
+ <meta name="title" content="Motionity - The web-based motion graphics editor for everyone">
16
+ <meta name="description" content="Create animated videos for free with Motionity, an open source motion graphics editor with keyframing, masking, filters, text animations, and more. ">
17
 
18
+ <!-- Open Graph / Facebook -->
19
+ <meta property="og:type" content="website">
20
+ <meta property="og:url" content="https://www.motionity.app/">
21
+ <meta property="og:title" content="Motionity - The web-based motion graphics editor for everyone">
22
+ <meta property="og:description" content="Create animated videos for free with Motionity, an open source motion graphics editor with keyframing, masking, filters, text animations, and more. ">
23
+ <meta property="og:image" content="https://motionity.app/meta.png">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
 
25
+ <!-- Twitter -->
26
+ <meta property="twitter:card" content="summary_large_image">
27
+ <meta property="twitter:url" content="https://www.motionity.app/">
28
+ <meta property="twitter:title" content="Motionity - The web-based motion graphics editor for everyone">
29
+ <meta property="twitter:description" content="Create animated videos for free with Motionity, an open source motion graphics editor with keyframing, masking, filters, text animations, and more. ">
30
+ <meta property="twitter:image" content="https://motionity.app/meta.png">
31
+ </head>
32
+ <body draggable="false">
33
+ <div id="disclaimer">
34
+ <div id="optimized">
35
+ <div id="emoji">🤔</div>
36
+ <div id="opt-title">Motionity isn't optimized for mobile</div>
37
+ <div id="opt-desc">You need to use a computer to be able to create animations with Motionity.</div>
38
+ <a href="https://twitter.com/alyssaxuu" target="_blank" id="opt-button">Other products by the maker</a>
39
+ </div>
40
+ <div id="disc-overlay"></div>
41
+ </div>
42
+ <audio controls id="audio-thing">
43
+ <source src="assets/audio.wav" type="audio/wav">
44
+ </audio>
45
+ <input type="file" id="filepick" accept="image/*,video/*,audio/*" multiple>
46
+ <input type="file" id="filepick2" accept="audio/*">
47
+ <input type="file" id="filepick3" accept="application/json">
48
+ <input type="file" id="import" style="display:none" accept='.json' aria-hidden="true" >
49
+ <div id="upload-popup">
50
+ <div id="upload-popup-container">
51
+ <div id="upload-popup-header">
52
+ <div id="upload-popup-title">Upload media</div>
53
+ <img id="upload-popup-close" src="assets/close.svg">
54
+ </div>
55
+ <div id="upload-drop-area">
56
+ <div id="upload-drop-group">
57
+ <img src="assets/upload.svg">
58
+ <div id="upload-drop-title">Click to upload</div>
59
+ <div id="upload-drop-subtitle">Or drag and drop a file</div>
60
+ </div>
61
+ </div>
62
+ <div id="upload-link">
63
+ <input id="upload-link-input" placeholder="Paste an image of video URL">
64
+ <div id="upload-link-add">Add</div>
65
+ </div>
66
+ </div>
67
+ <div id="upload-overlay"></div>
68
+ </div>
69
+ <div id="download-modal">
70
+ <p class="header">Download settings</p>
71
+ <p class="subheader">Formats</p>
72
+ <div id="radio">
73
+ <input class="magic-radio" type="radio" name="radio" id="webm-format" value="webm" checked>
74
+ <label for="webm-format">WEBM video <span>(fastest)</span></label>
75
+ <input class="magic-radio" type="radio" name="radio" value="mp4" id="mp4-format">
76
+ <label for="mp4-format">MP4 video</label>
77
+ <input class="magic-radio" type="radio" name="radio" value="gif" id="gif-format">
78
+ <label for="gif-format">Animated GIF</label>
79
+ <input class="magic-radio" type="radio" name="radio" value="image" id="image-format">
80
+ <label for="image-format">Image</label>
81
+ </div>
82
+ <div id="download-real">Download</div>
83
+ </div>
84
+ <div id="import-export-modal">
85
+ <p class="header">Import & export</p>
86
+ <p class="subtitle">Save this project locally, or load an existing one.</p>
87
+ <p class="header-2">Import a project</p>
88
+ <div id="import-project"><img src="assets/import.svg"> <span>Import</span></div>
89
+ <p class="header-2">Export this project</p>
90
+ <div id="export-project"><img src="assets/download-icon.svg"> <span>Export</span></div>
91
+ </div>
92
+ <div id="background-overlay"></div>
93
+ <div id="color-picker"></div>
94
+ <div id="color-picker-fill"></div>
95
+ <div id="toolbar" class="noselect">
96
+ <div id="logo"><img src="assets/logo.svg"></div>
97
+ <div id="tool-wrap">
98
+ <div class="tool" id="upload-tool"><img src="assets/uploads.svg"><p>Uploads</p></div>
99
+ <div class="tool tool-active" id="shape-tool"><img src="assets/shape-active.svg"><p>Objects</p></div>
100
+ <div class="tool" id="image-tool"><img src="assets/image.svg"><p>Images</p></div>
101
+ <div class="tool" id="text-tool"><img src="assets/text.svg"><p>Text</p></div>
102
+ <div class="tool" id="video-tool"><img src="assets/video.svg"><p>Videos</p></div>
103
+ <div class="tool" id="audio-tool"><img src="assets/audio.svg"><p>Audio</p></div>
104
+ <div class="tool" id="more-tool"><img src="assets/more-hoz.svg"><p>More</p></div>
105
+ </div>
106
+ </div>
107
+ <div id="more-over">
108
+ <div id="upload-lottie">
109
+ <img src="assets/upload-grey.svg"> Upload Lottie
110
+ </div>
111
+ <div id="clear-project">
112
+ <img src="assets/clear.svg"> Clear project
113
+ </div>
114
+ </div>
115
+ <div id="behind-browser"></div>
116
+ <div id="browser">
117
+ <div id="browser-container">
118
+ <div id="search-fixed"><p class="property-title">Objects</p><img id="collapse" src="assets/collapse.svg"><div id="browser-search"><input placeholder="Search..."><img src="assets/search.svg" id="search-icon"><img src="assets/delete.svg" id="delete-search"><div id="search-button">Go</div></div></div><div id="shapes-cont"><p class="row-title">Shapes</p><div class="gallery-row" id="shapes-row"></div><p class="row-title">Emojis</p><div class="gallery-row" id="emojis-row"></div></div>
119
+ </div>
120
+ </div>
121
+ <div id="properties">
122
+ <div id="properties-overlay"></div>
123
+ <div id="align" class="align-off">
124
+ <div id="align-v">
125
+ <img class="align" id="align-top" src="assets/align-top.svg" title="Align to the top">
126
+ <img class="align" id="align-center-v" src="assets/align-center-v.svg" title="Align to the center">
127
+ <img class="align" id="align-bottom" src="assets/align-bottom.svg" title="Align to the bottom">
128
+ </div>
129
+ <div id="align-h">
130
+ <img class="align" id="align-left" src="assets/align-left.svg" title="Align to the left">
131
+ <img class="align" id="align-center-h" src="assets/align-center-h.svg" title="Align to the center">
132
+ <img class="align" id="align-right" src="assets/align-right.svg" title="Align to the right">
133
+ </div>
134
+ </div>
135
+ <hr>
136
+ <div id="object-specific">
137
+ <div id="canvas-properties" class="panel-section">
138
+ <p class="property-title">Canvas settings</p>
139
+ <table>
140
+ <tr>
141
+ <th class="name-col">Preset</th>
142
+ <th class="value-col"><select id="preset"><option>Dribbble shot</option><option>Facebook post</option></select></th>
143
+ </tr>
144
+ <tr>
145
+ <th class="name-col">Size</th>
146
+ <th class="value-col"><div id="canvas-w" class="property-input" data-label='W'><input min=1 type="number" value=1000></div><div id="canvas-h" class="property-input" data-label='H'><input type="number" value=1000 min=1></div></th>
147
+ </tr>
148
+ <tr>
149
+ <th class="name-col">Color</th>
150
+ <th class="value-col">
151
+ <div id="canvas-color">
152
+ <div id="color-side" class="color-picker"></div>
153
+ <input value="#FFFFFF" disabled="disabled">
154
+ </div>
155
+ <div id="canvas-color-opacity" class="property-input" data-label='%'><input type="number" value=100></div>
156
+ </th>
157
+ </tr>
158
+ <tr>
159
+ <th class="name-col">Duration</th>
160
+ <th class="value-col" id="duration-cell"><div id="canvas-duration" class="property-input" data-label='s'><input type="number" value=15.00></div></th>
161
+ </tr>
162
+ </table>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ <div id="canvas-area">
167
+ <div id="filters-parent">
168
+ <div id="filters">
169
+ <div id="filters-container">
170
+ <div id="filters-header">
171
+ <div id="filters-title">Filters</div>
172
+ <img src="assets/close.svg" id="filters-close">
173
+ </div>
174
+ <select id="filters-list">
175
+ <option value="none">No filter</option>
176
+ <option value="Invert">Invert</option>
177
+ <option value="Sepia">Sepia</option>
178
+ <option value="BlackWhite">Black & white</option>
179
+ <option value="Brownie">Retro</option>
180
+ <option value="Vintage">Vintage</option>
181
+ <option value="Technicolor">Technicolor</option>
182
+ <option value="Kodachrome">Kodachrome</option>
183
+ <option value="Polaroid">Polaroid</option>
184
+ </select>
185
+ <hr>
186
+ <div id="filters-title">Adjustments</div>
187
+ <div id="reset-filters"><img src="assets/repeat.svg"> Reset</div>
188
+ <div class="filter-row">
189
+ <th class="name-col">Brightness</th>
190
+ <th class="value-col">
191
+ <div id="filter-brightness" class="select-filter"></div>
192
+ </th>
193
+ </div>
194
+ <div class="filter-row">
195
+ <th class="name-col">Contrast</th>
196
+ <th class="value-col">
197
+ <div id="filter-contrast" class="select-filter"></div>
198
+ </th>
199
+ </div>
200
+ <div class="filter-row">
201
+ <th class="name-col">Saturation</th>
202
+ <th class="value-col">
203
+ <div id="filter-saturation" class="select-filter"></div>
204
+ </th>
205
+ </div>
206
+ <div class="filter-row">
207
+ <th class="name-col">Vibrance</th>
208
+ <th class="value-col">
209
+ <div id="filter-vibrance" class="select-filter"></div>
210
+ </th>
211
+ </div>
212
+ <div class="filter-row">
213
+ <th class="name-col">Hue</th>
214
+ <th class="value-col">
215
+ <div id="filter-hue" class="select-filter"></div>
216
+ </th>
217
+ </div>
218
+ <hr>
219
+ <div id="filters-title">Chroma key</div>
220
+ <div class="filter-row">
221
+ <th class="name-col">Status</th>
222
+ <th class="value-col">
223
+ <div id="status-toggle">
224
+ <div id="status-on" class="status-trigger">On</div>
225
+ <div id="status-off" class="status-trigger status-active">Off</div>
226
+ </div>
227
+ </th>
228
+ </div>
229
+ <div class="filter-row" id="filter-color">
230
+ <th class="name-col">Color</th>
231
+ <th class="value-col">
232
+ <div id="chroma-color">
233
+ <div id="color-chroma-side" class="color-picker"></div>
234
+ <input value="#FFFFFF" disabled="disabled">
235
+ </div>
236
+ </th>
237
+ </div>
238
+ <div class="filter-row">
239
+ <th class="name-col">Distance</th>
240
+ <th class="value-col">
241
+ <div id="chroma-distance" class="select-filter"></div>
242
+ </th>
243
+ </div>
244
+ <hr>
245
+ <div id="filters-title">Stylize</div>
246
+ <div class="filter-row">
247
+ <th class="name-col">Noise</th>
248
+ <th class="value-col">
249
+ <div id="filter-noise" class="select-filter"></div>
250
+ </th>
251
+ </div>
252
+ <div class="filter-row" id="blur">
253
+ <th class="name-col">Blur</th>
254
+ <th class="value-col">
255
+ <div id="filter-blur" class="select-filter"></div>
256
+ </th>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ <div id="top-canvas">
262
+ <div id="undo"><img src="assets/undo.svg"> Undo</div>
263
+ <div id="redo"><img src="assets/undo.svg"> Redo</div>
264
+ <div id="other-controls">
265
+ <div title="Hand tool (Space bar)" id="hand-tool">
266
+ <img src="assets/hand-tool.svg">
267
+ </div>
268
+ <div id="zoom-level" title="Canvas zoom level"><span>100%</span><img src="assets/arrow.svg"></div>
269
+ <div id="zoom-options" class="zoom-hidden">
270
+ <div class="zoom-options-item" data-zoom="in">Zoom in</div>
271
+ <div class="zoom-options-item" data-zoom="out">Zoom out</div>
272
+ <div class="zoom-options-item" data-zoom="50">Zoom to 50%</div>
273
+ <div class="zoom-options-item" data-zoom="100">Zoom to 100%</div>
274
+ <div class="zoom-options-item" data-zoom="200">Zoom to 200%</div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ <div id="bottom-canvas">
279
+ <a id="sponsor" href="https://github.com/sponsors/alyssaxuu" target="_blank"><img src="assets/sponsor.svg"> Sponsor</a>
280
+ <a id="alyssa-credit" href="https://twitter.com/alyssaxuu" target="_blank">Made by <span>Alyssa X</span> <img src="assets/alyssaimg.jpeg"></a>
281
+ </div>
282
+ <img src="assets/replace-image.svg" id="replace-image">
283
+ <img src="assets/loading-image.svg" id="load-image" class="load-media">
284
+ <img src="assets/loading-video.svg" id="load-video" class="load-media">
285
+ <canvas id="canvas"></canvas>
286
+ </div>
287
+ <div id="timeline-handle"></div>
288
+ <div id="bottom-area" class="noselect">
289
+ <div id="keyframe-properties">
290
+ <div id="easing">
291
+ <p class="property-title">Keyframe easing</p>
292
+ <select id="easing">
293
+ <option value="linear">Linear</option>
294
+ <option value="easeInQuad">Ease in</option>
295
+ <option value="easeOutQuad">Ease out</option>
296
+ <option value="easeinOutQuad">Ease in-out</option>
297
+ <option value="easeOutInQuad">Ease out-in</option>
298
+ <option value="easeInBounce">Ease in bounce</option>
299
+ <option value="easeOutBounce">Ease out bounce</option>
300
+ <option value="easeinOutBounce">Ease in-out bounce</option>
301
+ <option value="easeOutInBouce">Ease out-in bounce</option>
302
+ <option value="easeOutInBouce">Ease out-in bounce</option>
303
+ <option value="easeInSine">Ease in sine</option>
304
+ <option value="easeOutSine">Ease out sine</option>
305
+ <option value="easeinOutSine">Ease in-out sine</option>
306
+ <option value="easeOutInSine">Ease out-in sine</option>
307
+ <option value="easeOutInSine">Ease out-in sine</option>
308
+ <option value="easeInCubic">Ease in cubic</option>
309
+ <option value="easeOutCubic">Ease out cubic</option>
310
+ <option value="easeinOutCubic">Ease in-out cubic</option>
311
+ <option value="easeOutInCubic">Ease out-in cubic</option>
312
+ <option value="easeOutInCubic">Ease out-in cubic</option>
313
+ </select>
314
+ </div>
315
+ </div>
316
+ <div id="nothing"></div>
317
+ <div id="layer-list">
318
+ <div id="layerhead">LAYERS</div>
319
+ <div id="layer-inner-list">
320
+ <img src="assets/nolayers.svg" id="nolayers">
321
+ </div>
322
+ </div>
323
+ <div id="timearea">
324
+ <div id="timeline">
325
+ <div id="seekarea"><div id="inner-seekarea"><div id="seekevents"></div></div><div id="time-numbers" class="noselect"></div><div id="seek-hover"></div><div id="seekbar"></div></div>
326
+ <div id="line-snap"></div>
327
+ <div id="inner-timeline"></div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+ <div style="display:none;"">
332
+ <canvas id="canvasrecord"></canvas>
333
+ </div>
334
+ <div id="controls" class="noselect">
335
+ <img id="timeline-big" src="assets/timeline-big.svg">
336
+ <div id="timeline-zoom"></div>
337
+ <img id="timeline-small" src="assets/timeline-small.svg">
338
+ <div id="speed">
339
+ <div id="speed-settings">
340
+ <div class="speed" data-speed="4">4.0x</div>
341
+ <div class="speed" data-speed="3">3.0x</div>
342
+ <div class="speed" data-speed="2">2.0x</div>
343
+ <div class="speed" data-speed="1.5">1.5x</div>
344
+ <div class="speed" data-speed="1">1.0x</div>
345
+ <div class="speed" data-speed="0.5">0.5x</div>
346
+ </div>
347
+ <img src="assets/zap.svg"> <span>1.0x</span> <img id="speed-arrow" src="assets/arrow.svg">
348
+ </div>
349
+ <div id="playback">
350
+ <div id="current-time">
351
+ <input value="00:00:00" readonly>
352
+ </div>
353
+ <img src="assets/skip.svg" id="skip-backward">
354
+ <img src="assets/play-button.svg" id="play-button">
355
+ <img src="assets/skip.svg" id="skip-forward">
356
+ <div id="total-time">
357
+ <input value="00:00:00" readonly>
358
+ </div>
359
+ </div>
360
+ <div id="controls-right">
361
+ <div id="share"><img src="assets/importexport.svg"> Import & export</div>
362
+ <div id="download"><img src="assets/download-icon.svg"> Download</div>
363
+ </div>
364
+ </div>
365
+
366
+ <video id="test-video"></video>
367
+ <input id="emptyInput" value=" " style="opacity:0">
368
+ <script src="js/libraries/localbase.js"></script>
369
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.6/lottie.min.js"></script>
370
+ <script src="https://cdn.jsdelivr.net/npm/@simonwep/selection-js/lib/selection.min.js"></script>
371
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
372
+ <script src="js/libraries/sortable.min.js"></script>
373
+ <script src="js/libraries/range-slider.min.js"></script>
374
+ <script src="js/libraries/jquery.nice-select.min.js"></script>
375
+ <script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
376
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/460/fabric.min.js"></script>
377
+ <script src="js/libraries/anime.min.js"></script>
378
+ <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
379
+ <script src="js/init.js"></script>
380
+ <script src="js/ui.js"></script>
381
+ <script src="js/align.js"></script>
382
+ <script src="js/converter.js"></script>
383
+ <script src="js/database.js"></script>
384
+ <script src="js/lottie.js"></script>
385
+ <script src="js/text.js"></script>
386
+ <script src="js/recorder.js"></script>
387
+ <script src="js/functions.js"></script>
388
+ <script src="js/events.js"></script>
389
+ </body>
390
  </html>