File size: 4,314 Bytes
155198f
 
 
 
 
ed31fce
 
 
155198f
 
5bab31c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ed31fce
5bab31c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ed31fce
5bab31c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ed31fce
5bab31c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ed31fce
5bab31c
 
 
 
 
 
 
 
 
 
 
 
 
 
155198f
 
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
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>BrainRotTok</title>
		<link rel="stylesheet" href="/static/styles.css" />
		<script src="/static/scripts.js" defer></script>
	</head>
	<body>
		<h1>BrainRotTok</h1>
		<div class="form-buttons">
			<ul>
				<li><button class="show-form" data-form-id="basic-form">BASIC</button></li>
				<li><button class="show-form" data-form-id="subway-form">SUBWAY</button></li>
				<li>
					<button class="show-form" data-form-id="minecraft-form">MINECRAFT</button>
				</li>
				<li>
					<button class="show-form" data-form-id="video-cutter-form">VIDEO CUTTER</button>
				</li>
			</ul>	
		</div>
		<div id="forms-container">
			<form
				id="basic-form"
				class="hidden form-container"
				action="/generate-subtitles/basic"
				method="post"
				enctype="multipart/form-data"
			>
				<h2 class="form-title">BASIC</h2>
				<p>Generate subtitles for a video.</p>
				<label for="video">Video:</label>
				<input type="file" id="video" name="video" />
				<label for="color">Color:</label>
				<input type="text" id="color" name="color" />
				<label for="size">Size:</label>
				<input type="number" id="size" name="size" />
				<label for="font">Font:</label>
				<input type="text" id="font" name="font" />
				<label for="credit">Credit:</label>
				<input type="text" id="credit" name="credit" />
				<label for="credit_size">Credit Size:</label>
				<input type="number" id="credit_size" name="credit_size" />
				<button type="submit">Submit</button>
			</form>
			<form
				id="subway-form"
				class="hidden"
				action="/generate-subtitles/subway"
				method="post"
				enctype="multipart/form-data"
			>
				<h2 class="form-title">SUBWAY</h2>
				<p>Merge a top and bottom video together with subtitles. The top video will have no sound, while the bottom video will have its subtitles generated.</p>
				<label for="top_video">Top Video:</label>
				<input type="file" id="top_video" name="top_video" />
				<label for="bottom_video">Bottom Video:</label>
				<input type="file" id="bottom_video" name="bottom_video" />
				<label for="color">Color:</label>
				<input type="text" id="color" name="color" />
				<label for="size">Size:</label>
				<input type="number" id="size" name="size" />
				<label for="font">Font:</label>
				<input type="text" id="font" name="font" />
				<label for="credit">Credit:</label>
				<input type="text" id="credit" name="credit" />
				<label for="credit_size">Credit Size:</label>
				<input type="number" id="credit_size" name="credit_size" />
				<button type="submit">Submit</button>
			</form>
			<form
				id="minecraft-form"
				class="hidden"
				action="/generate-subtitles/minecraft"
				method="post"
				enctype="multipart/form-data"
			>
				<h2 class="form-title">MINECRAFT</h2>
				<p> A background video playing while a script is being read by an AI voice with subtitles.</p>
				<label for="video">Video:</label>
				<input type="file" id="video" name="video" />
				<label for="subtitles">Subtitles:</label>
				<input type="text" id="subtitles" name="subtitles" />
				<label for="color">Color:</label>
				<input type="text" id="color" name="color" />
				<label for="size">Size:</label>
				<input type="number" id="size" name="size" />
				<label for="font">Font:</label>
				<input type="text" id="font" name="font" />
				<label for="credit">Credit:</label>
				<input type="text" id="credit" name="credit" />
				<label for="credit_size">Credit Size:</label>
				<input type="number" id="credit_size" name="credit_size" />
				<button type="submit">Submit</button>
			</form>
			<form
				id="video-cutter-form"
				class="hidden"
				action="/video-editor/cut"
				method="post"
				enctype="multipart/form-data"
			>
				<h2 class="form-title">VIDEO CUTTER</h2>
				<p>Cut a video from a start time to an end time.</p>
				<label for="video">Video:</label>
				<input type="file" id="video" name="video" />
				<label for="start_time">Start Time:</label>
				<input type="text" id="start_time" name="start_time" />
				<label for="end_time">End Time:</label>
				<input type="text" id="end_time" name="end_time" />
				<button type="submit">Submit</button>
			</form>
		</div>
	</body>
</html>