Update index.html
Browse files- index.html +70 -3
index.html
CHANGED
|
@@ -22,7 +22,7 @@
|
|
| 22 |
--shadow-color: rgba(0, 0, 0, 0.08);
|
| 23 |
}
|
| 24 |
|
| 25 |
-
|
| 26 |
font-family: 'Poppins', sans-serif;
|
| 27 |
background-color: var(--background-color);
|
| 28 |
color: var(--text-color);
|
|
@@ -124,8 +124,8 @@
|
|
| 124 |
line-height: 1.6;
|
| 125 |
}
|
| 126 |
</style>
|
| 127 |
-
|
| 128 |
-
|
| 129 |
<div class="container">
|
| 130 |
<h1>🎬 Veo3 JSON Prompt Generator <span style="font-size: 1rem; font-weight: 400;">(Pro)</span></h1>
|
| 131 |
|
|
@@ -414,5 +414,72 @@
|
|
| 414 |
document.getElementById("customTaskWrapper").style.display = selected === "custom" ? "block" : "none";
|
| 415 |
}
|
| 416 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 417 |
</body>
|
| 418 |
</html>
|
|
|
|
| 22 |
--shadow-color: rgba(0, 0, 0, 0.08);
|
| 23 |
}
|
| 24 |
|
| 25 |
+
{
|
| 26 |
font-family: 'Poppins', sans-serif;
|
| 27 |
background-color: var(--background-color);
|
| 28 |
color: var(--text-color);
|
|
|
|
| 124 |
line-height: 1.6;
|
| 125 |
}
|
| 126 |
</style>
|
| 127 |
+
|
| 128 |
+
|
| 129 |
<div class="container">
|
| 130 |
<h1>🎬 Veo3 JSON Prompt Generator <span style="font-size: 1rem; font-weight: 400;">(Pro)</span></h1>
|
| 131 |
|
|
|
|
| 414 |
document.getElementById("customTaskWrapper").style.display = selected === "custom" ? "block" : "none";
|
| 415 |
}
|
| 416 |
</script>
|
| 417 |
+
|
| 418 |
+
<script>
|
| 419 |
+
function generatePrompt() {
|
| 420 |
+
const domain = document.getElementById("domain").value;
|
| 421 |
+
const characterType = document.getElementById("characterType").value;
|
| 422 |
+
const taskFocusSelect = document.getElementById("taskFocus").value;
|
| 423 |
+
const customTask = document.getElementById("customTask").value.trim();
|
| 424 |
+
const taskFocus = taskFocusSelect === "custom" && customTask ? customTask : taskFocusSelect;
|
| 425 |
+
|
| 426 |
+
const variant = document.getElementById("variant").value;
|
| 427 |
+
const aspectRatio = document.getElementById("aspectRatio").value;
|
| 428 |
+
const platform = document.getElementById("platform").value;
|
| 429 |
+
const description = document.getElementById("description").value;
|
| 430 |
+
const visualStyle = document.getElementById("visualStyle").value;
|
| 431 |
+
const camera = document.getElementById("camera").value;
|
| 432 |
+
const background = document.getElementById("background").value;
|
| 433 |
+
const lightingMood = document.getElementById("lightingMood").value;
|
| 434 |
+
const audioTrack = document.getElementById("audioTrack").value;
|
| 435 |
+
const sfx = document.getElementById("sfx").value;
|
| 436 |
+
const colorPalette = document.getElementById("colorPalette").value;
|
| 437 |
+
const hook = document.getElementById("hook").value;
|
| 438 |
+
const finale = document.getElementById("finale").value;
|
| 439 |
+
const keywords = document.getElementById("keywords").value;
|
| 440 |
+
const negativePrompt = document.getElementById("negativePrompt").value;
|
| 441 |
+
|
| 442 |
+
const prompt = {
|
| 443 |
+
domain,
|
| 444 |
+
characterType,
|
| 445 |
+
taskFocus,
|
| 446 |
+
variant,
|
| 447 |
+
meta: {
|
| 448 |
+
aspect_ratio: aspectRatio,
|
| 449 |
+
platform: platform
|
| 450 |
+
},
|
| 451 |
+
description,
|
| 452 |
+
visual_style: visualStyle,
|
| 453 |
+
camera,
|
| 454 |
+
background,
|
| 455 |
+
lighting_mood: lightingMood,
|
| 456 |
+
audio: {
|
| 457 |
+
music: audioTrack,
|
| 458 |
+
sfx: sfx
|
| 459 |
+
},
|
| 460 |
+
color_palette: colorPalette,
|
| 461 |
+
hook,
|
| 462 |
+
finale,
|
| 463 |
+
keywords: keywords.split(',').map(k => k.trim()),
|
| 464 |
+
negative_prompt: negativePrompt
|
| 465 |
+
};
|
| 466 |
+
|
| 467 |
+
document.getElementById("output").textContent = JSON.stringify(prompt, null, 2);
|
| 468 |
+
}
|
| 469 |
+
|
| 470 |
+
function handleTaskFocusChange() {
|
| 471 |
+
const selected = document.getElementById("taskFocus").value;
|
| 472 |
+
const wrapper = document.getElementById("customTaskWrapper");
|
| 473 |
+
wrapper.style.display = selected === "custom" ? "block" : "none";
|
| 474 |
+
}
|
| 475 |
+
|
| 476 |
+
function copyToClipboard() {
|
| 477 |
+
const text = document.getElementById("output").textContent;
|
| 478 |
+
navigator.clipboard.writeText(text).then(() => {
|
| 479 |
+
alert("Prompt copied to clipboard!");
|
| 480 |
+
});
|
| 481 |
+
}
|
| 482 |
+
</script>
|
| 483 |
+
|
| 484 |
</body>
|
| 485 |
</html>
|