Update index.html
Browse files- index.html +54 -1
index.html
CHANGED
|
@@ -4,6 +4,9 @@
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
<title>Veo3 JSON Prompt Generator Pro</title>
|
|
|
|
|
|
|
|
|
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
|
|
@@ -362,4 +365,54 @@
|
|
| 362 |
|
| 363 |
|
| 364 |
|
| 365 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
<title>Veo3 JSON Prompt Generator Pro</title>
|
| 7 |
+
</head>
|
| 8 |
+
<body>
|
| 9 |
+
|
| 10 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 11 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 12 |
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
|
|
|
|
| 365 |
|
| 366 |
|
| 367 |
|
| 368 |
+
|
| 369 |
+
|
| 370 |
+
<button onclick="generatePrompt()">🚀 Generate Prompt</button>
|
| 371 |
+
<button onclick="copyToClipboard()" style="margin-top: 1rem;">📋 Copy Prompt</button>
|
| 372 |
+
<pre id="output"></pre>
|
| 373 |
+
|
| 374 |
+
<script>
|
| 375 |
+
function generatePrompt() {
|
| 376 |
+
const taskFocus = document.getElementById("taskFocus").value;
|
| 377 |
+
const customTask = document.getElementById("customTask")?.value;
|
| 378 |
+
|
| 379 |
+
const prompt = {
|
| 380 |
+
domain: document.getElementById("domain").value,
|
| 381 |
+
character_or_product: document.getElementById("characterType").value,
|
| 382 |
+
task_focus: taskFocus === "custom" ? customTask : taskFocus,
|
| 383 |
+
variant: document.getElementById("variant").value,
|
| 384 |
+
aspect_ratio: document.getElementById("aspectRatio").value,
|
| 385 |
+
platform: document.getElementById("platform").value,
|
| 386 |
+
description: document.getElementById("description").value,
|
| 387 |
+
visual_style: document.getElementById("visualStyle").value,
|
| 388 |
+
camera: document.getElementById("camera").value,
|
| 389 |
+
background: document.getElementById("background").value,
|
| 390 |
+
lighting_mood: document.getElementById("lightingMood").value,
|
| 391 |
+
audio: {
|
| 392 |
+
music: document.getElementById("audioTrack").value,
|
| 393 |
+
sfx: document.getElementById("sfx").value
|
| 394 |
+
},
|
| 395 |
+
color_palette: document.getElementById("colorPalette").value,
|
| 396 |
+
hook: document.getElementById("hook").value,
|
| 397 |
+
finale: document.getElementById("finale").value,
|
| 398 |
+
keywords: document.getElementById("keywords").value.split(",").map(s => s.trim()),
|
| 399 |
+
negative_prompt: document.getElementById("negativePrompt").value
|
| 400 |
+
};
|
| 401 |
+
|
| 402 |
+
document.getElementById("output").textContent = JSON.stringify(prompt, null, 2);
|
| 403 |
+
}
|
| 404 |
+
|
| 405 |
+
function copyToClipboard() {
|
| 406 |
+
const text = document.getElementById("output").textContent;
|
| 407 |
+
navigator.clipboard.writeText(text).then(() => {
|
| 408 |
+
alert("✅ Prompt copied to clipboard!");
|
| 409 |
+
});
|
| 410 |
+
}
|
| 411 |
+
|
| 412 |
+
function handleTaskFocusChange() {
|
| 413 |
+
const selected = document.getElementById("taskFocus").value;
|
| 414 |
+
document.getElementById("customTaskWrapper").style.display = selected === "custom" ? "block" : "none";
|
| 415 |
+
}
|
| 416 |
+
</script>
|
| 417 |
+
</body>
|
| 418 |
+
</html>
|