| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>MoneyPrinter</title> |
| <link |
| rel="icon" |
| href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💸</text></svg>" |
| /> |
|
|
| <link |
| rel="stylesheet" |
| href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css" |
| /> |
| </head> |
|
|
| <body class="bg-blue-100 min-h-screen justify-center p-40"> |
| <h1 class="text-4xl text-center mb-4">MoneyPrinter</h1> |
| <p class="text-center text-gray-700"> |
| This Application is intended to automate the creation and uploads of |
| YouTube Shorts. |
| </p> |
|
|
| <div class="flex justify-center mt-8"> |
| <div class="max-w-xl flex flex-col space-y-4 w-full"> |
| <label for="videoSubject" class="text-blue-600">Subject</label> |
| <textarea |
| rows="3" |
| type="text" |
| name="videoSubject" |
| id="videoSubject" |
| class="border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| ></textarea> |
| <button id="advancedOptionsToggle" class="text-blue-600"> |
| Show Advanced Options ▼ |
| </button> |
| <div |
| class="flex flex-col space-y-4 hidden transition-all duration-150 linear" |
| id="advancedOptions" |
| > |
| <label for="aiModel" class="text-blue-600">AI Model</label> |
| <select |
| name="aiModel" |
| id="aiModel" |
| class="w-full border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| > |
| <option value="g4f">g4f (Free)</option> |
| <option value="gpt3.5-turbo">OpenAI GPT-3.5</option> |
| <option value="gpt4">OpenAI GPT-4</option> |
| <option value="gemmini">Gemini Pro</option> |
| </select> |
| <label for="voice" class="text-blue-600">Voice</label> |
| <select |
| name="voice" |
| id="voice" |
| class="w-min border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| > |
| <option value="en_us_ghostface">Ghost Face</option> |
| <option value="en_us_chewbacca">Chewbacca</option> |
| <option value="en_us_c3po">C3PO</option> |
| <option value="en_us_stitch">Stitch</option> |
| <option value="en_us_stormtrooper">Stormtrooper</option> |
| <option value="en_us_rocket">Rocket</option> |
| <option value="en_au_001">English AU - Female</option> |
| <option value="en_au_002">English AU - Male</option> |
| <option value="en_uk_001">English UK - Male 1</option> |
| <option value="en_uk_003">English UK - Male 2</option> |
| <option value="en_us_001">English US - Female (Int. 1)</option> |
| <option value="en_us_002">English US - Female (Int. 2)</option> |
| <option value="en_us_006">English US - Male 1</option> |
| <option value="en_us_007">English US - Male 2</option> |
| <option value="en_us_009">English US - Male 3</option> |
| <option value="en_us_010">English US - Male 4</option> |
| <option value="fr_001">French - Male 1</option> |
| <option value="fr_002">French - Male 2</option> |
| <option value="de_001">German - Female</option> |
| <option value="de_002">German - Male</option> |
| <option value="es_002">Spanish - Male</option> |
| <option value="es_mx_002">Spanish MX - Male</option> |
| <option value="br_001">Portuguese BR - Female 1</option> |
| <option value="br_003">Portuguese BR - Female 2</option> |
| <option value="br_004">Portuguese BR - Female 3</option> |
| <option value="br_005">Portuguese BR - Male</option> |
| <option value="id_001">Indonesian - Female</option> |
| <option value="jp_001">Japanese - Female 1</option> |
| <option value="jp_003">Japanese - Female 2</option> |
| <option value="jp_005">Japanese - Female 3</option> |
| <option value="jp_006">Japanese - Male</option> |
| <option value="kr_002">Korean - Male 1</option> |
| <option value="kr_003">Korean - Female</option> |
| <option value="kr_004">Korean - Male 2</option> |
| <option value="en_female_f08_salut_damour">Alto</option> |
| <option value="en_male_m03_lobby">Tenor</option> |
| <option value="en_female_f08_warmy_breeze">Warmy Breeze</option> |
| <option value="en_male_m03_sunshine_soon">Sunshine Soon</option> |
| <option value="en_male_narration">narrator</option> |
| <option value="en_male_funny">wacky</option> |
| <option value="en_female_emotional">peaceful</option> |
| </select> |
| <label for="subtitlesPosition" class="text-blue-600" |
| >Subtitles Position</label |
| > |
| <select |
| name="subtitlesPosition" |
| id="subtitlesPosition" |
| class="w-min border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| > |
| <option value="center,top">Center - Top</option> |
| <option value="center,bottom">Center - Bottom</option> |
| <option value="center,center">Center - Center</option> |
| <option value="left,center">Left - Center</option> |
| <option value="left,bottom">Left - Bottom</option> |
| <option value="right,center">Right - Center</option> |
| <option value="right,bottom">Right - Bottom</option> |
| </select> |
| <label for="subtitlesColor" class="text-blue-600" |
| >Subtitles Color</label> |
| <select |
| name="subtitlesColor" |
| id="subtitlesColor" |
| class="w-min border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| > |
| <option value="#FFFF00">Yellow (Default)</option> |
| <option value="#f4a261">Orange</option> |
| <option value="#e63946">Red</option> |
| <option value="#1d3557">Blue</option> |
| <option value="#fff">White</option> |
| <option value="#03071e">Black</option> |
| </select> |
| <label for="zipUrl" class="text-blue-600" |
| >Zip URL (Leave empty for default)</label |
| > |
| <input |
| type="text" |
| name="zipUrl" |
| id="zipUrl" |
| class="border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| /> |
| <label for="threads" class="text-blue-600">Threads</label> |
| <input |
| type="number" |
| name="threads" |
| id="threads" |
| class="border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| value="2" |
| min="1" |
| max="100" |
| placeholder="2 (Default)" |
| /> |
| <label for="paragraphNumber" class="text-blue-600" |
| >Paragraph Number</label |
| > |
| <input |
| type="number" |
| name="paragraphNumber" |
| id="paragraphNumber" |
| class="border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| value="1" |
| min="1" |
| max="100" |
| /> |
| <label for="customPrompt" class="text-blue-600">Custom Prompt:</label> |
| <textarea |
| rows="3" |
| type="text" |
| name="customPrompt" |
| id="customPrompt" |
| class="border-2 border-blue-300 p-2 rounded-md focus:outline-none focus:border-blue-500" |
| placeholder="only use it if you want to replace the default prompt" |
| ></textarea> |
| <label |
| for="youtubeUploadToggle" |
| class="flex items-center text-blue-600" |
| > |
| <input |
| type="checkbox" |
| name="youtubeUploadToggle" |
| id="youtubeUploadToggle" |
| class="mr-2" |
| /> |
| Upload to YouTube |
| </label> |
| <label for="useMusicToggle" class="flex items-center text-blue-600"> |
| <input |
| type="checkbox" |
| name="useMusicToggle" |
| id="useMusicToggle" |
| class="mr-2" |
| /> |
| Use Music |
| </label> |
| <label |
| for="reuseChoicesToggle" |
| class="flex items-center text-blue-600" |
| > |
| <input |
| type="checkbox" |
| name="reuseChoicesToggle" |
| id="reuseChoicesToggle" |
| class="mr-2" |
| /> |
| Reuse Choices? |
| </label> |
| </div> |
| <button |
| id="generateButton" |
| class="bg-blue-500 hover:bg-blue-700 duration-100 linear text-white px-4 py-2 rounded-md" |
| > |
| Generate |
| </button> |
| <button |
| id="cancelButton" |
| class="bg-red-500 hover:bg-red-700 duration-100 linear text-white px-4 py-2 rounded-md hidden" |
| > |
| Cancel |
| </button> |
|
|
| </div> |
| </div> |
|
|
| <footer class="flex justify-center mt-8"> |
| <div class="flex flex-col space-y-4"> |
| <p class="text-center text-gray-700"> |
| Made with ❤️ by |
| <a |
| class="text-blue-600" |
| target="href" |
| href="https://github.com/FujiwaraChoki" |
| > |
| Fuji Codes |
| </a> |
| </p> |
| </div> |
| </footer> |
|
|
| <script src="app.js"></script> |
| </body> |
| </html> |
|
|
