Spaces:
Sleeping
Sleeping
| <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> | |