| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Генерация видео</title> |
| | <style> |
| | body { |
| | font-family: Arial, sans-serif; |
| | margin: 20px; |
| | } |
| | #upload { |
| | margin-bottom: 10px; |
| | } |
| | #prompt { |
| | margin-bottom: 10px; |
| | } |
| | #generate { |
| | padding: 10px 20px; |
| | background-color: #4CAF50; |
| | color: white; |
| | border: none; |
| | cursor: pointer; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <h1>Генерация видео</h1> |
| | <input type="file" id="upload" accept="image/*" placeholder="Выберите фото (необязательно)"> |
| | <input type="text" id="prompt" placeholder="Введите ваш промт"> |
| | <button id="generate">Сгенерировать видео</button> |
| |
|
| | <script> |
| | document.getElementById('generate').addEventListener('click', function() { |
| | const image = document.getElementById('upload').files[0]; |
| | const prompt = document.getElementById('prompt').value; |
| |
|
| | if (!prompt) { |
| | alert('Пожалуйста, введите промт.'); |
| | return; |
| | } |
| |
|
| | |
| | alert('Видео сгенерировано!'); |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| |
|
