-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (77 loc) · 2.74 KB
/
index.html
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
<!DOCTYPE html>
<!--
* Copyright (C) 2019-2023 Yahweasel and contributors
*
* Permission to use, copy, modify, and/or distribute this software for any
* purpose with or without fee is hereby granted.
*
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
* WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
* SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
* WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION
* OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
* CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-->
<html>
<head>
<meta charset="utf-8" />
<title>ProRes Software Decoder</title>
<style>
body {
margin: 0px;
background-color: black;
color: white;
}
canvas {
background: repeating-conic-gradient(#808080 0% 25%, white 0% 50%) 50% /
40px 40px;
}
</style>
</head>
<body>
<select id="resolutionPicker">
<option value="1">1x Resolution</option>
<option value="0.5">1/2x Resolution</option>
<option value="0.25">1/4x Resolution</option>
<option value="0.125">1/8x Resolution</option>
</select>
<select id="techniquePicker">
<option value="format_filter">format filter</option>
<!-- <option value="sws_scale_frame">sws_scale_frame</option> -->
</select>
<select id="videoPicker">
<option value="">Choose a video...</option>
<option value="./videos/house-of-the-dragon-3840x2160.mov">
House of Dragons (3840 x 2160)
</option>
<option value="./videos/house-of-the-dragon-1920x1080.mov">
House of Dragons (1920 x 1080)
</option>
<option value="./videos/house-of-the-dragon-1280x720.mov">
House of Dragons (1280 x 720)
</option>
<option value="./videos/house-of-the-dragon-320x240.mov">
House of Dragons (320 x 240)
</option>
<option value="./videos/prores-yuva-4444.mov">
ProRes YUVA (320 x 240)
</option>
<option value="./videos/house-of-the-dragon-3840x2160.mov">
QTRLE House of Dragons (3840 x 2160)
</option>
<option value="./videos/house-of-the-dragon-1920x1080.mov">
QTRLE House of Dragons (1920 x 1080)
</option>
<option value="./videos/qtrle-descript-bumper-1920x1080.mov">
Descript Bumper (1920 x 1080)
</option>
</select>
<input type="file" id="filePicker" />
<script src="./utils.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
<script type="text/javascript">
main();
</script>
</body>
</html>