Create script.js

script.js

@@ -0,0 +1,65 @@
+// ===== FORM HANDLER =====
+document.getElementById('videoForm').addEventListener('submit', async function(e) {
+    e.preventDefault();
+
+    const prompt = document.getElementById('prompt').value.trim();
+    const language = document.getElementById('language').value;
+    const duration = parseInt(document.getElementById('duration').value) || 45;
+    const voiceEn = document.getElementById('voiceEn').value;
+    const voiceHi = document.getElementById('voiceHi').value;
+    const loading = document.getElementById('loading');
+    const resultDiv = document.getElementById('result');
+
+    if (!prompt) {
+        alert('❌ Please enter a prompt!');
+        return;
+    }
+
+    loading.style.display = 'block';
+    resultDiv.style.display = 'none';
+
+    try {
+        const response = await fetch('/generate-video', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                prompt,
+                language,
+                duration,
+                voice_en: voiceEn,
+                voice_hi: voiceHi
+            })
+        });
+
+        const data = await response.json();
+
+        if (data.error) {
+            throw new Error(data.error);
+        }
+
+        loading.style.display = 'none';
+        resultDiv.style.display = 'block';
+
+        const videoEl = document.getElementById('videoOutput');
+        videoEl.src = data.video_url;
+        videoEl.load();
+
+        document.getElementById('downloadBtn').href = data.video_url;
+
+    } catch (error) {
+        loading.style.display = 'none';
+        alert('❌ Error: ' + error.message);
+    }
+});
+
+// ===== LANGUAGE TOGGLE =====
+document.getElementById('language').addEventListener('change', function() {
+    const lang = this.value;
+    document.getElementById('voiceEnGroup').style.display = lang === 'en' ? 'block' : 'none';
+    document.getElementById('voiceHiGroup').style.display = lang === 'hi' ? 'block' : 'none';
+});
+
+// Initialize
+document.getElementById('language').dispatchEvent(new Event('change'));