| | <!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> |
| |
|
