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" /> | |
| <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> | |