Spaces:
Sleeping
Sleeping
File size: 6,142 Bytes
155198f ed31fce 558f996 ed31fce 558f996 155198f 5bab31c 629e7a5 5bab31c dc61d50 5bab31c dc61d50 5bab31c dc61d50 5bab31c 629e7a5 ed31fce 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 558f996 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c ed31fce 5bab31c dc61d50 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 558f996 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c ed31fce 5bab31c dc61d50 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c 629e7a5 dc61d50 558f996 dc61d50 629e7a5 dc61d50 629e7a5 dc61d50 629e7a5 dc61d50 629e7a5 dc61d50 629e7a5 5bab31c 558f996 5bab31c 629e7a5 5bab31c 629e7a5 5bab31c ed31fce 5bab31c 629e7a5 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 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 |
<!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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.css"/>
<script src="/static/scripts.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.js" defer></script>
</head>
<body>
<h1>BrainRotTok</h1>
<div class="reference">
<a href="https://github.com/Detopall/BrainRotTok" target="_blank">GitHub</a>
</div>
<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>
<li>
<button
class="show-form"
data-form-id="rumble-form"
disabled
>
RUMBLE
</button>
</li>
</ul>
</div>
<div id="forms-container">
<form
id="basic-form"
class="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 required type="file" id="video" name="video" />
<label for="color">Color:</label>
<input required type="text" id="color" name="color" data-coloris />
<label for="size">Size:</label>
<input required type="number" id="size" name="size" min="0"/>
<label for="font">Font:</label>
<select id="font" name="font"></select>
<label for="credit">Credit:</label>
<input required type="text" id="credit" name="credit" />
<label for="credit_size">Credit Size:</label>
<input required type="number" id="credit_size" name="credit_size" min="0" />
<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 required type="file" id="top_video" name="top_video" />
<label for="bottom_video">Bottom Video:</label>
<input required type="file" id="bottom_video" name="bottom_video" />
<label for="color">Color:</label>
<input required type="text" id="color" name="color" data-coloris />
<label for="size">Size:</label>
<input required type="number" id="size" name="size" min="0"/>
<label for="font">Font:</label>
<select id="font" name="font"></select>
<label for="credit">Credit:</label>
<input required type="text" id="credit" name="credit" />
<label for="credit_size">Credit Size:</label>
<input required type="number" id="credit_size" name="credit_size" min="0" />
<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 required type="file" id="video" name="video" />
<label for="subtitles">Subtitles:</label>
<input required type="text" id="subtitles" name="subtitles" />
<label for="color">Color:</label>
<input required type="text" id="color" name="color" data-coloris />
<label for="size">Size:</label>
<input required type="number" id="size" name="size" min="0"/>
<label for="font">Font:</label>
<select id="font" name="font"></select>
<label for="credit">Credit:</label>
<input required type="text" id="credit" name="credit" />
<label for="credit_size">Credit Size:</label>
<input required type="number" id="credit_size" name="credit_size" min="0" />
<button type="submit">Submit</button>
</form>
<form
id="rumble-form"
class="hidden"
action="/generate-subtitles/rumble"
method="post"
enctype="multipart/form-data"
>
<h2 class="form-title">RUMBLE</h2>
<p>Generates subtitles for Rumble videos.</p>
<label for="video_url">Video Url:</label>
<input required type="text" id="video_url" name="video_url" />
<label for="color">Color:</label>
<input required type="text" id="color" name="color" data-coloris />
<label for="size">Size:</label>
<input required type="number" id="size" name="size" min="0"/>
<label for="font">Font:</label>
<select id="font" name="font"></select>
<label for="credit">Credit:</label>
<input required type="text" id="credit" name="credit" />
<label for="credit_size">Credit Size:</label>
<input required type="number" id="credit_size" name="credit_size" min="0" />
<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 required type="file" id="video" name="video" />
<label for="start_time">Start Time (HH:MM:SS):</label>
<input required type="text" id="start_time" name="start_time" placeholder="00:00:00"/>
<label for="end_time">End Time (HH:MM:SS):</label>
<input required type="text" id="end_time" name="end_time" placeholder="00:00:00"/>
<button type="submit">Submit</button>
</form>
</div>
</body>
</html>
|