<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Auto Geopolitics Video Generator Pro</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary: #3b82f6;
--primary-dark: #1d4ed8;
--secondary: #0f172a;
--accent: #10b981;
--text: #f1f5f9;
--text-secondary: #94a3b8;
--card: #1e293b;
--border: #334155;
--danger: #ef4444;
--warning: #f59e0b;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: var(--text);
line-height: 1.6;
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.logo {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-bottom: 15px;
}
.logo i {
font-size: 2.5rem;
color: var(--primary);
}
h1 {
color: var(--text);
font-size: 2.5rem;
background: linear-gradient(to right, var(--primary), var(--accent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 10px;
}
.subtitle {
color: var(--text-secondary);
font-size: 1.1rem;
max-width: 700px;
margin: 0 auto 20px;
}
.main-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 30px;
}
@media (max-width: 900px) {
.main-content {
grid-template-columns: 1fr;
}
}
.card {
background: var(--card);
border-radius: 16px;
padding: 25px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
border: 1px solid var(--border);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}
.card-title {
display: flex;
align-items: center;
gap: 10px;
color: var(--primary);
font-size: 1.4rem;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid var(--border);
}
.card-title i {
font-size: 1.6rem;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 8px;
color: var(--text-secondary);
font-weight: 500;
}
input, textarea, select {
width: 100%;
padding: 14px;
border-radius: 10px;
border: 1px solid var(--border);
background: rgba(30, 41, 59, 0.7);
color: var(--text);
font-size: 1rem;
transition: all 0.3s ease;
}
input:focus, textarea:focus, select:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
textarea {
min-height: 120px;
resize: vertical;
}
.checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 10px;
}
.checkbox-item {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.checkbox-item input {
width: auto;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 25px;
}
.btn {
padding: 14px 28px;
border-radius: 10px;
border: none;
font-weight: 600;
font-size: 1rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.3s ease;
flex: 1;
min-width: 200px;
}
.btn-primary {
background: linear-gradient(to right, var(--primary), var(--primary-dark));
color: white;
}
.btn-secondary {
background: var(--card);
color: var(--text);
border: 1px solid var(--border);
}
.btn-accent {
background: linear-gradient(to right, var(--accent), #059669);
color: white;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
}
.btn-primary:hover {
background: linear-gradient(to right, var(--primary-dark), #1e40af);
}
.btn-secondary:hover {
background: #2d3748;
}
.btn-accent:hover {
background: linear-gradient(to right, #059669, #047857);
}
.output-container {
margin-top: 30px;
}
.output-box {
background: var(--card);
border-radius: 16px;
padding: 25px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
border: 1px solid var(--border);
display: none;
}
.output-box.active {
display: block;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.output-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border);
}
.output-title {
font-size: 1.5rem;
color: var(--primary);
}
.output-content {
margin-bottom: 20px;
}
.output-section {
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}
.output-section h3 {
display: flex;
align-items: center;
gap: 10px;
color: var(--accent);
margin-bottom: 15px;
font-size: 1.3rem;
}
.output-section h3 i {
font-size: 1.2rem;
}
.output-section p, .output-section ul {
margin-bottom: 10px;
}
.output-section ul {
padding-left: 20px;
}
.output-section li {
margin-bottom: 8px;
position: relative;
}
.output-section li:before {
content: "•";
color: var(--primary);
font-weight: bold;
position: absolute;
left: -15px;
}
.action-buttons {
display: flex;
gap: 15px;
margin-top: 20px;
}
.action-btn {
padding: 10px 20px;
border-radius: 8px;
border: none;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
}
.action-btn.copy {
background: var(--primary);
color: white;
}
.action-btn.download {
background: var(--accent);
color: white;
}
.action-btn.clear {
background: var(--danger);
color: white;
}
.action-btn:hover {
opacity: 0.9;
transform: translateY(-2px);
}
footer {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--border);
color: var(--text-secondary);
font-size: 0.9rem;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
margin-top: 20px;
}
.feature-item {
background: rgba(30, 41, 59, 0.5);
border-radius: 10px;
padding: 15px;
border-left: 4px solid var(--primary);
}
.feature-item i {
color: var(--accent);
margin-bottom: 10px;
font-size: 1.5rem;
}
.loader {
display: none;
text-align: center;
padding: 20px;
}
.loader.active {
display: block;
}
.spinner {
border: 5px solid rgba(59, 130, 246, 0.2);
border-top: 5px solid var(--primary);
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
margin: 0 auto 15px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.notification {
position: fixed;
top: 20px;
right: 20px;
padding: 15px 20px;
border-radius: 10px;
color: white;
font-weight: 600;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
z-index: 1000;
display: none;
animation: slideIn 0.3s ease;
}
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
.notification.success {
background: var(--accent);
}
.notification.error {
background: var(--danger);
}
.language-selector {
position: absolute;
top: 20px;
right: 20px;
}
.language-selector select {
padding: 8px 15px;
width: auto;
background: var(--card);
}
</style>
</head>
<body>
<div class="container">
<header>
<div class="logo">
<i class="fas fa-globe-americas"></i>
<div>
<h1>Auto Geopolitics Video Generator Pro</h1>
<p class="subtitle">Generate complete video scripts, graphics ideas, voice-over scripts, and YouTube optimization data for geopolitical content</p>
</div>
</div>
</header>
<div class="language-selector">
<select id="language">
<option value="urdu">Urdu</option>
<option value="english" selected>English</option>
<option value="hindi">Hindi</option>
<option value="arabic">Arabic</option>
</select>
</div>
<div class="main-content">
<div class="card">
<h2 class="card-title"><i class="fas fa-cogs"></i> Video Configuration</h2>
<div class="form-group">
<label for="topic"><i class="fas fa-video"></i> Video Topic *</label>
<input type="text" id="topic" placeholder="e.g., US-China Relations, Middle East Conflict, Russia-Ukraine War">
</div>
<div class="form-group">
<label for="points"><i class="fas fa-list"></i> Key Points (Optional)</label>
<textarea id="points" placeholder="Enter key points you want to cover, one per line"></textarea>
</div>
<div class="form-group">
<label><i class="fas fa-sliders-h"></i> Video Style</label>
<select id="style">
<option value="documentary">Documentary Style</option>
<option value="analytical">Analytical/Deep Dive</option>
<option value="news">News Report Style</option>
<option value="explainer">Explainer/Educational</option>
<option value="sensational">Sensational/Controversial</option>
</select>
</div>
<div class="form-group">
<label><i class="fas fa-clock"></i> Video Length</label>
<select id="length">
<option value="short">Short (3-5 minutes)</option>
<option value="medium" selected>Medium (8-12 minutes)</option>
<option value="long">Long (15-20 minutes)</option>
</select>
</div>
<div class="form-group">
<label><i class="fas fa-bullseye"></i> Target Audience</label>
<div class="checkbox-group">
<label class="checkbox-item">
<input type="checkbox" id="audience-general" checked>
<span>General Public</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="audience-students">
<span>Students</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="audience-experts">
<span>Experts/Analysts</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="audience-policy">
<span>Policy Makers</span>
</label>
</div>
</div>
<div class="form-group">
<label><i class="fas fa-plus-circle"></i> Additional Features</label>
<div class="checkbox-group">
<label class="checkbox-item">
<input type="checkbox" id="feature-yt" checked>
<span>YouTube SEO Data</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="feature-voice" checked>
<span>Voice-over Script</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="feature-graphics" checked>
<span>Graphics Plan</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="feature-music">
<span>Background Music Suggestions</span>
</label>
</div>
</div>
</div>
<div class="card">
<h2 class="card-title"><i class="fas fa-star"></i> Advanced Features</h2>
<div class="form-group">
<label for="perspective"><i class="fas fa-eye"></i> Narrative Perspective</label>
<select id="perspective">
<option value="neutral">Neutral/Objective</option>
<option value="western" selected>Western Perspective</option>
<option value="eastern">Eastern Perspective</option>
<option value="global-south">Global South Perspective</option>
<option value="conspiracy">Conspiracy Theory Angle</option>
</select>
</div>
<div class="form-group">
<label for="complexity"><i class="fas fa-brain"></i> Content Complexity</label>
<select id="complexity">
<option value="simple">Simple (Beginner)</option>
<option value="medium" selected>Medium (General Audience)</option>
<option value="complex">Complex (Advanced)</option>
</select>
</div>
<div class="form-group">
<label><i class="fas fa-chart-line"></i> Data Visualization</label>
<div class="checkbox-group">
<label class="checkbox-item">
<input type="checkbox" id="viz-maps" checked>
<span>Interactive Maps</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="viz-charts" checked>
<span>Charts & Graphs</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="viz-timeline">
<span>Timeline Animation</span>
</label>
<label class="checkbox-item">
<input type="checkbox" id="viz-3d">
<span>3D Models</span>
</label>
</div>
</div>
<div class="form-group">
<label for="tone"><i class="fas fa-volume-up"></i> Voice-over Tone</label>
<select id="tone">
<option value="serious">Serious/Dramatic</option>
<option value="neutral" selected>Neutral/Informative</option>
<option value="urgent">Urgent/Breaking News</option>
<option value="conspiratorial">Conspiratorial/Mysterious</option>
</select>
</div>
<div class="features-grid">
<div class="feature-item">
<i class="fas fa-robot"></i>
<h4>AI-Powered Analysis</h4>
<p>Generates insights based on current geopolitical trends</p>
</div>
<div class="feature-item">
<i class="fas fa-database"></i>
<h4>Real-time Data</h4>
<p>Incorporates latest statistics and events</p>
</div>
<div class="feature-item">
<i class="fas fa-mobile-alt"></i>
<h4>Multi-Platform</h4>
<p>Optimized for YouTube, TikTok, Instagram</p>
</div>
<div class="feature-item">
<i class="fas fa-expand-arrows-alt"></i>
<h4>Scalable Content</h4>
<p>Generate short clips or full documentaries</p>
</div>
</div>
</div>
</div>
<div class="buttons">
<button class="btn btn-primary" id="generateBtn">
<i class="fas fa-play-circle"></i> Generate Video Content
</button>
<button class="btn btn-accent" id="generateAdvancedBtn">
<i class="fas fa-rocket"></i> Generate FULL Advanced Script
</button>
<button class="btn btn-secondary" id="clearBtn">
<i class="fas fa-trash-alt"></i> Clear All
</button>
</div>
<div class="loader" id="loader">
<div class="spinner"></div>
<p>Generating your geopolitical video content... This may take a moment.</p>
</div>
<div class="output-container">
<div class="output-box" id="output">
<div class="output-header">
<h2 class="output-title">Generated Content</h2>
<div class="action-buttons">
<button class="action-btn copy" id="copyBtn">
<i class="fas fa-copy"></i> Copy All
</button>
<button class="action-btn download" id="downloadBtn">
<i class="fas fa-download"></i> Download
</button>
<button class="action-btn clear" id="clearOutputBtn">
<i class="fas fa-times"></i> Clear
</button>
</div>
</div>
<div class="output-content" id="outputContent">
<!-- Generated content will appear here -->
</div>
</div>
</div>
<div class="notification" id="notification"></div>
<footer>
<p>Auto Geopolitics Video Generator Pro © 2023 | Powered by Advanced AI Algorithms</p>
<p>Disclaimer: This tool generates content for educational and creative purposes only.</p>
</footer>
</div>
<script>
// DOM Elements
const generateBtn = document.getElementById('generateBtn');
const generateAdvancedBtn = document.getElementById('generateAdvancedBtn');
const clearBtn = document.getElementById('clearBtn');
const copyBtn = document.getElementById('copyBtn');
const downloadBtn = document.getElementById('downloadBtn');
const clearOutputBtn = document.getElementById('clearOutputBtn');
const outputBox = document.getElementById('output');
const outputContent = document.getElementById('outputContent');
const loader = document.getElementById('loader');
const notification = document.getElementById('notification');
// Get all input elements
const topicInput = document.getElementById('topic');
const pointsInput = document.getElementById('points');
const styleSelect = document.getElementById('style');
const lengthSelect = document.getElementById('length');
const perspectiveSelect = document.getElementById('perspective');
const complexitySelect = document.getElementById('complexity');
const toneSelect = document.getElementById('tone');
// Language selector
const languageSelect = document.getElementById('language');
// Sample data for generation
const geopoliticalTerms = {
english: [
"Power Dynamics", "Economic Sanctions", "Military Alliances",
"Resource Control", "Cyber Warfare", "Propaganda", "Diplomatic Relations",
"Trade Wars", "Intelligence Operations", "Regime Change"
],
urdu: [
"طاقت کا توازن", "معاشی پابندیاں", "فوجی اتحاد",
"وسائل پر کنٹرول", "سائبر جنگ", "پروپیگنڈا", "سفارتی تعلقات",
"تجارتی جنگیں", "جاسوسی کارروائیاں", "نظام تبدیلی"
],
hindi: [
"शक्ति गतिशीलता", "आर्थिक प्रतिबंध", "सैन्य गठबंधन",
"संसाधन नियंत्रण", "साइबर युद्ध", "प्रचार", "कूटनीतिक संबंध",
"व्यापार युद्ध", "खुफिया अभियान", "शासन परिवर्तन"
],
arabic: [
"ديناميكيات القوة", "العقوبات الاقتصادية", "التحالفات العسكرية",
"السيطرة على الموارد", "الحرب الإلكترونية", "الدعاية", "العلاقات الدبلوماسية",
"حروب التجارة", "عمليات الاستخبارات", "تغيير النظام"
]
};
// Update UI based on selected language
function updateLanguage() {
const lang = languageSelect.value;
// Update placeholders and labels based on language
if (lang === 'urdu') {
topicInput.placeholder = "مثال کے طور پر: امریکہ-چین تعلقات، مشرق وسطیٰ تنازعہ، روس-یوکرین جنگ";
pointsInput.placeholder = "اہم نکات درج کریں جو آپ کور کرنا چاہتے ہیں، ہر ایک نیا لائن پر";
document.querySelector('h1').textContent = "خودکار جیو پولیٹکس ویڈیو جنریٹر پرو";
document.querySelector('.subtitle').textContent = "جیو پولیٹیکل مواد کے لیے مکمل ویڈیو اسکرپٹس، گرافکس آئیڈیاز، وائس اوور اسکرپٹس اور یوٹیوب آپٹیمائزیشن ڈیٹا جنریٹ کریں";
} else if (lang === 'hindi') {
topicInput.placeholder = "उदाहरण: अमेरिका-चीन संबंध, मध्य पूर्व संघर्ष, रूस-यूक्रेन युद्ध";
pointsInput.placeholder = "मुख्य बिंदु दर्ज करें जिन्हें आप कवर करना चाहते हैं, प्रत्येक एक नई पंक्ति पर";
document.querySelector('h1').textContent = "ऑटो जियो पॉलिटिक्स वीडियो जेनरेटर प्रो";
document.querySelector('.subtitle').textContent = "जियो पॉलिटिकल सामग्री के लिए पूर्ण वीडियो स्क्रिप्ट, ग्राफिक्स विचार, वॉइस ओवर स्क्रिप्ट और यूट्यूब ऑप्टिमाइजेशन डेटा जनरेट करें";
} else if (lang === 'arabic') {
topicInput.placeholder = "على سبيل المثال: العلاقات الأمريكية الصينية، الصراع في الشرق الأوسط، الحرب الروسية الأوكرانية";
pointsInput.placeholder = "أدخل النقاط الرئيسية التي ترغب في تغطيتها، واحدة في كل سطر";
document.querySelector('h1').textContent = "منشئ فيديو الجيوسياسية التلقائي برو";
document.querySelector('.subtitle').textContent = "إنشاء نصوص فيديو كاملة، وأفكار رسومية، ونصوص صوتية، وبيانات تحسين يوتيوب للمحتوى الجيوسياسي";
} else {
// English (default)
topicInput.placeholder = "e.g., US-China Relations, Middle East Conflict, Russia-Ukraine War";
pointsInput.placeholder = "Enter key points you want to cover, one per line";
document.querySelector('h1').textContent = "Auto Geopolitics Video Generator Pro";
document.querySelector('.subtitle').textContent = "Generate complete video scripts, graphics ideas, voice-over scripts, and YouTube optimization data for geopolitical content";
}
}
// Event Listeners
generateBtn.addEventListener('click', generateContent);
generateAdvancedBtn.addEventListener('click', generateAdvancedContent);
clearBtn.addEventListener('click', clearAll);
copyBtn.addEventListener('click', copyContent);
downloadBtn.addEventListener('click', downloadContent);
clearOutputBtn.addEventListener('click', clearOutput);
languageSelect.addEventListener('change', updateLanguage);
// Initialize language
updateLanguage();
// Show notification
function showNotification(message, type = 'success') {
notification.textContent = message;
notification.className = `notification ${type}`;
notification.style.display = 'block';
setTimeout(() => {
notification.style.display = 'none';
}, 3000);
}
// Show loader
function showLoader() {
loader.classList.add('active');
}
// Hide loader
function hideLoader() {
loader.classList.remove('active');
}
// Clear all inputs
function clearAll() {
topicInput.value = '';
pointsInput.value = '';
styleSelect.value = 'documentary';
lengthSelect.value = 'medium';
perspectiveSelect.value = 'western';
complexitySelect.value = 'medium';
toneSelect.value = 'neutral';
// Clear checkboxes
document.querySelectorAll('input[type="checkbox"]').forEach(cb => {
cb.checked = false;
});
// Re-check default checkboxes
document.getElementById('audience-general').checked = true;
document.getElementById('feature-yt').checked = true;
document.getElementById('feature-voice').checked = true;
document.getElementById('feature-graphics').checked = true;
clearOutput();
showNotification('All inputs cleared successfully!');
}
// Clear output
function clearOutput() {
outputContent.innerHTML = '';
outputBox.classList.remove('active');
showNotification('Output cleared!');
}
// Copy content to clipboard
function copyContent() {
const textToCopy = outputContent.innerText;
navigator.clipboard.writeText(textToCopy)
.then(() => {
showNotification('Content copied to clipboard!');
})
.catch(err => {
showNotification('Failed to copy content!', 'error');
console.error('Copy failed: ', err);
});
}
// Download content as text file
function downloadContent() {
const textToDownload = outputContent.innerText;
const topic = topicInput.value || 'geopolitics_video';
const filename = `${topic.replace(/\s+/g, '_')}_script.txt`;
const element = document.createElement('a');
const file = new Blob([textToDownload], {type: 'text/plain'});
element.href = URL.createObjectURL(file);
element.download = filename;
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
showNotification('Content downloaded successfully!');
}
// Generate basic content
function generateContent() {
const topic = topicInput.value.trim();
if (!topic) {
showNotification('Please enter a video topic!', 'error');
return;
}
showLoader();
outputBox.classList.add('active');
// Simulate processing delay
setTimeout(() => {
const content = createBasicContent(topic);
outputContent.innerHTML = content;
hideLoader();
showNotification('Basic video content generated successfully!');
}, 800);
}
// Generate advanced content
function generateAdvancedContent() {
const topic = topicInput.value.trim();
if (!topic) {
showNotification('Please enter a video topic!', 'error');
return;
}
showLoader();
outputBox.classList.add('active');
// Simulate processing delay
setTimeout(() => {
const content = createAdvancedContent(topic);
outputContent.innerHTML = content;
hideLoader();
showNotification('Advanced video script generated successfully!');
}, 1500);
}
// Create basic content
function createBasicContent(topic) {
const points = pointsInput.value.split('\n').filter(p => p.trim() !== '');
const style = styleSelect.value;
const length = lengthSelect.value;
const perspective = perspectiveSelect.value;
const tone = toneSelect.value;
const complexity = complexitySelect.value;
const lang = languageSelect.value;
// Get selected audience
const audience = [];
if (document.getElementById('audience-general').checked) audience.push('General Public');
if (document.getElementById('audience-students').checked) audience.push('Students');
if (document.getElementById('audience-experts').checked) audience.push('Experts/Analysts');
if (document.getElementById('audience-policy').checked) audience.push('Policy Makers');
// Get selected features
const features = [];
if (document.getElementById('feature-yt').checked) features.push('YouTube SEO');
if (document.getElementById('feature-voice').checked) features.push('Voice-over Script');
if (document.getElementById('feature-graphics').checked) features.push('Graphics Plan');
if (document.getElementById('feature-music').checked) features.push('Background Music');
// Get selected visualizations
const visualizations = [];
if (document.getElementById('viz-maps').checked) visualizations.push('Interactive Maps');
if (document.getElementById('viz-charts').checked) visualizations.push('Charts & Graphs');
if (document.getElementById('viz-timeline').checked) visualizations.push('Timeline Animation');
if (document.getElementById('viz-3d').checked) visualizations.push('3D Models');
// Get random geopolitical terms based on language
const terms = geopoliticalTerms[lang] || geopoliticalTerms.english;
const randomTerms = [];
for (let i = 0; i < 3; i++) {
const randomIndex = Math.floor(Math.random() * terms.length);
randomTerms.push(terms[randomIndex]);
}
// Video length details
let lengthDetail = '';
if (length === 'short') lengthDetail = '3-5 minutes';
else if (length === 'medium') lengthDetail = '8-12 minutes';
else lengthDetail = '15-20 minutes';
// Generate content based on language
let content = '';
if (lang === 'urdu') {
content = `
<div class="output-section">
<h3><i class="fas fa-video"></i> ویڈیو کا عنوان</h3>
<p><strong>${topic}: چھپی ہوئی حقیقت کا انکشاف</strong></p>
<p>ویڈیو کی لمبائی: ${lengthDetail} | انداز: ${getStyleName(style, lang)} | نقطہ نظر: ${getPerspectiveName(perspective, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-microphone"></i> انٹرو اسکرپٹ</h3>
<p>تاریخ گواہ ہے کہ جب بھی کسی ملک نے عالمی طاقتوں کے خلاف قدم اٹھایا، اسے بھاری قیمت چکانی پڑی۔ آج ہم ${topic} کے بارے میں بات کریں گے جو درحقیقت ${randomTerms[0]}، ${randomTerms[1]} اور ${randomTerms[2]} کا کھیل ہے۔</p>
</div>
<div class="output-section">
<h3><i class="fas fa-scroll"></i> مختصر اسکرپٹ</h3>
<p>${topic} کے پس پردہ تیل، ڈالر، پابندیوں اور ڈیجیٹل جنگ کا کھیل کھیلا جا رہا ہے۔ بظاہر جمہوریت کی بات کی جاتی ہے مگر حقیقت میں وسائل پر قبضہ اصل مقصد ہے۔</p>
${points.length > 0 ? `<p><strong>اہم نکات:</strong></p><ul>${points.map(point => `<li>${point}</li>`).join('')}</ul>` : ''}
</div>
<div class="output-section">
<h3><i class="fas fa-palette"></i> گرافکس پلان</h3>
<ul>
<li>ورلڈ میپ + تیل کے ڈرموں کی اینیمیشن</li>
<li>رہنماﺅں کے چہرے + ڈارک ٹون</li>
<li>ڈالر بمقابلہ سونے کی موشن گرافک</li>
<li>سائبر اٹیک اسکرین ایفیکٹس</li>
<li>عوامی احتجاج کی فوٹیج</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-image"></i> تھمب نیل ٹیکسٹ</h3>
<p>"اگلا ہدف ظاہر: ${topic}"</p>
</div>
<div class="output-section">
<h3><i class="fas fa-tags"></i> ہیش ٹیگز</h3>
<p>#جیوپولیٹکس #${topic.replace(/\s+/g, '')} #تیل_کی_جنگ #پٹرو ڈالر #عالمی_سیاست</p>
</div>
`;
} else if (lang === 'hindi') {
content = `
<div class="output-section">
<h3><i class="fas fa-video"></i> वीडियो शीर्षक</h3>
<p><strong>${topic}: छिपे सत्य का खुलासा</strong></p>
<p>वीडियो अवधि: ${lengthDetail} | शैली: ${getStyleName(style, lang)} | दृष्टिकोण: ${getPerspectiveName(perspective, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-microphone"></i> परिचय स्क्रिप्ट</h3>
<p>इतिहास गवाह है कि जब भी किसी देश ने वैश्विक शक्तियों के खिलाफ कदम उठाया, उसे भारी कीमत चुकानी पड़ी। आज हम ${topic} के बारे में बात करेंगे जो वास्तव में ${randomTerms[0]}, ${randomTerms[1]} और ${randomTerms[2]} का खेल है।</p>
</div>
<div class="output-section">
<h3><i class="fas fa-scroll"></i> संक्षिप्त स्क्रिप्ट</h3>
<p>${topic} के पीछे तेल, डॉलर, प्रतिबंधों और डिजिटल युद्ध का खेल खेला जा रहा है। सतह पर लोकतंत्र की बात की जाती है लेकिन वास्तव में संसाधनों पर नियंत्रण ही वास्तविक लक्ष्य है।</p>
${points.length > 0 ? `<p><strong>मुख्य बिंदु:</strong></p><ul>${points.map(point => `<li>${point}</li>`).join('')}</ul>` : ''}
</div>
<div class="output-section">
<h3><i class="fas fa-palette"></i> ग्राफिक्स योजना</h3>
<ul>
<li>विश्व मानचित्र + तेल बैरल एनीमेशन</li>
<li>नेताओं के चेहरे + डार्क टोन</li>
<li>डॉलर बनाम सोने की मोशन ग्राफिक</li>
<li>साइबर हमला स्क्रीन प्रभाव</li>
<li>जनता के विरोध के दृश्य</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-image"></i> थंबनेल पाठ</h3>
<p>"अगला लक्ष्य प्रकट: ${topic}"</p>
</div>
<div class="output-section">
<h3><i class="fas fa-tags"></i> हैशटैग</h3>
<p>#जियोपॉलिटिक्स #${topic.replace(/\s+/g, '')} #तेल_युद्ध #पेट्रोडॉलर #वैश्विक_राजनीति</p>
</div>
`;
} else if (lang === 'arabic') {
content = `
<div class="output-section">
<h3><i class="fas fa-video"></i> عنوان الفيديو</h3>
<p><strong>${topic}: كشف الحقيقة المخفية</strong></p>
<p>مدة الفيديو: ${lengthDetail} | النمط: ${getStyleName(style, lang)} | المنظور: ${getPerspectiveName(perspective, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-microphone"></i> نص المقدمة</h3>
<p>التاريخ يشهد أنه كلما خطت دولة خطوة ضد القوى العالمية، كان عليها دفع ثمن باهظ. اليوم سنتحدث عن ${topic} والذي هو في الواقع لعبة ${randomTerms[0]}, ${randomTerms[1]} و ${randomTerms[2]}.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-scroll"></i> النص المختصر</h3>
<p>خلف ${topic} تُلعب لعبة النفط والدولار والعقوبات والحرب الرقمية. على السطح يتم الحديث عن الديمقراطية ولكن في الواقع السيطرة على الموارد هي الهدف الحقيقي.</p>
${points.length > 0 ? `<p><strong>النقاط الرئيسية:</strong></p><ul>${points.map(point => `<li>${point}</li>`).join('')}</ul>` : ''}
</div>
<div class="output-section">
<h3><i class="fas fa-palette"></i> خطة الرسومات</h3>
<ul>
<li>خريطة العالم + رسوم متحركة لبراميل النفط</li>
<li>وجوه القادة + نغمة داكنة</li>
<li>رسوم حركة للدولار مقابل الذهب</li>
<li>تأثيرات شاشة الهجوم الإلكتروني</li>
<li>لقطات الاحتجاجات الشعبية</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-image"></i> نص الصورة المصغرة</h3>
<p>"الهدف التالي مكشوف: ${topic}"</p>
</div>
<div class="output-section">
<h3><i class="fas fa-tags"></i> الهاشتاقات</h3>
<p>#الجيوسياسية #${topic.replace(/\s+/g, '')} #حرب_النفط #البترودولار #السياسة_العالمية</p>
</div>
`;
} else {
// English content
content = `
<div class="output-section">
<h3><i class="fas fa-video"></i> Video Title</h3>
<p><strong>${topic}: The Hidden Truth Exposed</strong></p>
<p>Video Length: ${lengthDetail} | Style: ${getStyleName(style, lang)} | Perspective: ${getPerspectiveName(perspective, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-microphone"></i> Intro Script</h3>
<p>History bears witness that whenever a country has taken a step against global powers, it has had to pay a heavy price. Today we'll talk about ${topic} which is actually a game of ${randomTerms[0]}, ${randomTerms[1]} and ${randomTerms[2]}.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-scroll"></i> Short Script</h3>
<p>Behind ${topic} lies a game of oil, dollars, sanctions and digital warfare. On the surface, democracy is discussed but in reality, control over resources is the real goal.</p>
${points.length > 0 ? `<p><strong>Key Points:</strong></p><ul>${points.map(point => `<li>${point}</li>`).join('')}</ul>` : ''}
</div>
<div class="output-section">
<h3><i class="fas fa-palette"></i> Graphics Plan</h3>
<ul>
<li>World Map + Oil Barrels Animation</li>
<li>Leader Faces + Dark Tone</li>
<li>Dollar vs Gold Motion Graphic</li>
<li>Cyber Attack Screen Effects</li>
<li>Public Protest Footage</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-image"></i> Thumbnail Text</h3>
<p>"Next Target Revealed: ${topic}"</p>
</div>
<div class="output-section">
<h3><i class="fas fa-tags"></i> Hashtags</h3>
<p>#Geopolitics #${topic.replace(/\s+/g, '')} #OilWar #PetroDollar #WorldPolitics</p>
</div>
`;
}
return content;
}
// Create advanced content
function createAdvancedContent(topic) {
const points = pointsInput.value.split('\n').filter(p => p.trim() !== '');
const style = styleSelect.value;
const length = lengthSelect.value;
const perspective = perspectiveSelect.value;
const tone = toneSelect.value;
const complexity = complexitySelect.value;
const lang = languageSelect.value;
// Get selected audience
const audience = [];
if (document.getElementById('audience-general').checked) audience.push('General Public');
if (document.getElementById('audience-students').checked) audience.push('Students');
if (document.getElementById('audience-experts').checked) audience.push('Experts/Analysts');
if (document.getElementById('audience-policy').checked) audience.push('Policy Makers');
// Get random geopolitical terms based on language
const terms = geopoliticalTerms[lang] || geopoliticalTerms.english;
const randomTerms = [];
for (let i = 0; i < 5; i++) {
const randomIndex = Math.floor(Math.random() * terms.length);
randomTerms.push(terms[randomIndex]);
}
// Video length details
let lengthDetail = '';
let segmentCount = 5;
if (length === 'short') {
lengthDetail = '3-5 minutes';
segmentCount = 3;
} else if (length === 'medium') {
lengthDetail = '8-12 minutes';
segmentCount = 5;
} else {
lengthDetail = '15-20 minutes';
segmentCount = 7;
}
// Generate segments based on count
let segments = '';
for (let i = 1; i <= segmentCount; i++) {
if (lang === 'urdu') {
segments += `<p><strong>سیکمنٹ ${i}:</strong> ${getSegmentTitle(i, lang, topic, randomTerms)}</p>`;
} else if (lang === 'hindi') {
segments += `<p><strong>खंड ${i}:</strong> ${getSegmentTitle(i, lang, topic, randomTerms)}</p>`;
} else if (lang === 'arabic') {
segments += `<p><strong>الجزء ${i}:</strong> ${getSegmentTitle(i, lang, topic, randomTerms)}</p>`;
} else {
segments += `<p><strong>Segment ${i}:</strong> ${getSegmentTitle(i, lang, topic, randomTerms)}</p>`;
}
}
// Generate content based on language
let content = '';
if (lang === 'urdu') {
content = `
<div class="output-section">
<h3><i class="fas fa-film"></i> مکمل ویڈیو اسکرپٹ (${lengthDetail})</h3>
<p><strong>انٹرو:</strong> تاریخ گواہ ہے کہ طاقت ہمیشہ وسائل کے گرد گھومتی ہے۔ آج ہم ${topic} کی اصل کہانی سمجھیں گے۔</p>
${segments}
<p><strong>نتیجہ:</strong> ${topic} صرف ایک واقعہ نہیں بلکہ عالمی طاقتوں کی ایک لمبی جنگ کا حصہ ہے۔</p>
</div>
<div class="output-section">
<h3><i class="fas fa-list-ol"></i> سین بہ سین گرافکس کی ہدایات</h3>
<ol>
<li>ڈارک ورلڈ میپ زوم ان</li>
<li>تیل کے ذخائر کا ہیٹ میپ</li>
<li>ڈالر چین اینیمیشن</li>
<li>سوشل میڈیا پر احتجاج کے مناظر</li>
<li>سائبر بلیک آؤٹ ایفیکٹ</li>
<li>فوجی مشقوں کی فوٹیج</li>
<li>آخری سلائیڈ: مستقبل کی پیشین گوئی</li>
</ol>
</div>
<div class="output-section">
<h3><i class="fas fa-volume-up"></i> وائس اوور اسٹائل</h3>
<p>${getToneDescription(tone, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-chart-line"></i> YouTube SEO تفصیلات</h3>
<p>اس ویڈیو میں ${topic} کے پیچھے چھپی عالمی سیاست، تیل کی جنگ اور طاقت کے کھیل کو بے نقاب کیا گیا ہے۔ ${randomTerms[0]}, ${randomTerms[1]} اور ${randomTerms[2]} کے بارے میں مکمل معلومات۔</p>
</div>
<div class="output-section">
<h3><i class="fas fa-music"></i> پس منظر کی موسیقی کے مشورے</h3>
<ul>
<li>ابتدائیہ: ڈرامائی سسپنس موسیقی</li>
<li>بنیادی حصہ: مسلسل تیز دھن</li>
<li>انتہائی اہم نکات: تیز اور ڈرامائی</li>
<li>نتیجہ: سست اور سوچنے پر مجبور کرنے والی</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-hashtag"></i> اعلیٰ درجے کے ہیش ٹیگز</h3>
<p>#HiddenTruth #WorldOrder #${topic.replace(/\s+/g, '')} #OilPolitics #CyberWar #RegimeChange #GlobalPower #GeopoliticalAnalysis</p>
</div>
<div class="output-section">
<h3><i class="fas fa-video"></i> ویڈیو ایڈیٹنگ ٹپس</h3>
<ul>
<li>ہر 5-7 سیکنڈ بعد شاٹ تبدیل کریں</li>
<li>متن کے اوورلی استعمال کریں اہم نکات کے لیے</li>
<li>ڈرامائی موسیقی کے ساتھ کلائمکس بنائیں</li>
<li>انفوگرافکس کا استعمال اعداد و شمار کے لیے کریں</li>
</ul>
</div>
`;
} else if (lang === 'hindi') {
content = `
<div class="output-section">
<h3><i class="fas fa-film"></i> पूर्ण वीडियो स्क्रिप्ट (${lengthDetail})</h3>
<p><strong>परिचय:</strong> इतिहास गवाह है कि शक्ति हमेशा संसाधनों के चारों ओर घूमती है। आज हम ${topic} की वास्तविक कहानी समझेंगे।</p>
${segments}
<p><strong>निष्कर्ष:</strong> ${topic} केवल एक घटना नहीं बल्कि वैश्विक शक्तियों का एक लंबा युद्ध है।</p>
</div>
<div class="output-section">
<h3><i class="fas fa-list-ol"></i> दृश्यवार ग्राफिक्स निर्देश</h3>
<ol>
<li>डार्क वर्ल्ड मैप ज़ूम इन</li>
<li>तेल भंडार हीट मैप</li>
<li>डॉलर चेन एनीमेशन</li>
<li>सोशल मीडिया विरोध दृश्य</li>
<li>साइबर ब्लैकआउट प्रभाव</li>
<li>सैन्य अभ्यास फुटेज</li>
<li>अंतिम स्लाइड: भविष्यवाणी</li>
</ol>
</div>
<div class="output-section">
<h3><i class="fas fa-volume-up"></i> वॉइस ओवर शैली</h3>
<p>${getToneDescription(tone, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-chart-line"></i> YouTube SEO विवरण</h3>
<p>इस वीडियो में ${topic} के पीछे छिपी वैश्विक राजनीति, तेल युद्ध और शक्ति के खेल को उजागर किया गया है। ${randomTerms[0]}, ${randomTerms[1]} और ${randomTerms[2]} के बारे में पूरी जानकारी।</p>
</div>
<div class="output-section">
<h3><i class="fas fa-music"></i> पृष्ठभूमि संगीत सुझाव</h3>
<ul>
<li>परिचय: नाटकीय सस्पेंस संगीत</li>
<li>मुख्य भाग: निरंतर तेज धुन</li>
<li>महत्वपूर्ण बिंदु: तेज और नाटकीय</li>
<li>निष्कर्ष: धीमी और विचारोत्तेजक</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-hashtag"></i> उन्नत हैशटैग</h3>
<p>#HiddenTruth #WorldOrder #${topic.replace(/\s+/g, '')} #OilPolitics #CyberWar #RegimeChange #GlobalPower #GeopoliticalAnalysis</p>
</div>
<div class="output-section">
<h3><i class="fas fa-video"></i> वीडियो संपादन युक्तियाँ</h3>
<ul>
<li>हर 5-7 सेकंड के बाद शॉट बदलें</li>
<li>महत्वपूर्ण बिंदुओं के लिए टेक्स्ट ओवरले का उपयोग करें</li>
<li>नाटकीय संगीत के साथ चरमोत्कर्ष बनाएं</li>
<li>डेटा के लिए इन्फोग्राफिक्स का उपयोग करें</li>
</ul>
</div>
`;
} else if (lang === 'arabic') {
content = `
<div class="output-section">
<h3><i class="fas fa-film"></i> النص الكامل للفيديو (${lengthDetail})</h3>
<p><strong>المقدمة:</strong> التاريخ يشهد أن القوة تدور دائمًا حول الموارد. اليوم سوف نفهم القصة الحقيقية لـ ${topic}.</p>
${segments}
<p><strong>الخلاصة:</strong> ${topic} ليست مجرد حدث بل هي حرب طويلة للقوى العالمية.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-list-ol"></i> تعليمات الرسومات حسب المشهد</h3>
<ol>
<li>تكبير خريطة العالم المظلمة</li>
<li>خريطة حرارية لاحتياطيات النفط</li>
<li>رسوم متحركة لسلسلة الدولار</li>
<li>مشاهد الاحتجاج على وسائل التواصل الاجتماعي</li>
<li>تأثير انقطاع التيار الإلكتروني</li>
<li>لقطات التدريبات العسكرية</li>
<li>الشريحة الأخيرة: التنبؤ بالمستقبل</li>
</ol>
</div>
<div class="output-section">
<h3><i class="fas fa-volume-up"></i> أسلوب التعليق الصوتي</h3>
<p>${getToneDescription(tone, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-chart-line"></i> تفاصيل تحسين محركات البحث على YouTube</h3>
<p>يكشف هذا الفيديو عن السياسة العالمية المخفية وراء ${topic}, وحرب النفط ولعبة القوة. معلومات كاملة عن ${randomTerms[0]}, ${randomTerms[1]} و ${randomTerms[2]}.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-music"></i> اقتراحات موسيقى الخلفية</h3>
<ul>
<li>المقدمة: موسيقى تشويقية درامية</li>
<li>الجزء الرئيسي: نغمة سريعة مستمرة</li>
<li>النقاط الهامة: سريعة ودرامية</li>
<li>الخلاصة: بطيئة وتحفز على التفكير</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-hashtag"></i> وسوم متقدمة</h3>
<p>#HiddenTruth #WorldOrder #${topic.replace(/\s+/g, '')} #OilPolitics #CyberWar #RegimeChange #GlobalPower #GeopoliticalAnalysis</p>
</div>
<div class="output-section">
<h3><i class="fas fa-video"></i> نصائح تحرير الفيديو</h3>
<ul>
<li>تغيير اللقطة كل 5-7 ثوانٍ</li>
<li>استخدم التراكيب النصية للنقاط المهمة</li>
<li>إنشاء ذروة مع موسيقى درامية</li>
<li>استخدم الرسوم البيانية للبيانات</li>
</ul>
</div>
`;
} else {
// English content
content = `
<div class="output-section">
<h3><i class="fas fa-film"></i> FULL VIDEO SCRIPT (${lengthDetail})</h3>
<p><strong>Intro:</strong> History bears witness that power always revolves around resources. Today we'll understand the real story of ${topic}.</p>
${segments}
<p><strong>Conclusion:</strong> ${topic} is not just an event but a long war of global powers.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-list-ol"></i> Scene-wise Graphic Instructions</h3>
<ol>
<li>Dark world map zoom-in</li>
<li>Oil reserve heatmap</li>
<li>Dollar chain animation</li>
<li>Social media protest visuals</li>
<li>Cyber blackout effect</li>
<li>Military exercises footage</li>
<li>Final slide: Future prediction</li>
</ol>
</div>
<div class="output-section">
<h3><i class="fas fa-volume-up"></i> Voice Over Style</h3>
<p>${getToneDescription(tone, lang)}</p>
</div>
<div class="output-section">
<h3><i class="fas fa-chart-line"></i> YouTube SEO Description</h3>
<p>This video exposes the global politics hidden behind ${topic}, the oil war and the game of power. Complete information about ${randomTerms[0]}, ${randomTerms[1]} and ${randomTerms[2]}.</p>
</div>
<div class="output-section">
<h3><i class="fas fa-music"></i> Background Music Suggestions</h3>
<ul>
<li>Intro: Dramatic suspense music</li>
<li>Main part: Continuous fast tune</li>
<li>Important points: Fast and dramatic</li>
<li>Conclusion: Slow and thought-provoking</li>
</ul>
</div>
<div class="output-section">
<h3><i class="fas fa-hashtag"></i> Advanced Hashtags</h3>
<p>#HiddenTruth #WorldOrder #${topic.replace(/\s+/g, '')} #OilPolitics #CyberWar #RegimeChange #GlobalPower #GeopoliticalAnalysis</p>
</div>
<div class="output-section">
<h3><i class="fas fa-video"></i> Video Editing Tips</h3>
<ul>
<li>Change shot every 5-7 seconds</li>
<li>Use text overlays for important points</li>
<li>Create climax with dramatic music</li>
<li>Use infographics for data</li>
</ul>
</div>
`;
}
return content;
}
// Helper functions for localization
function getStyleName(style, lang) {
const styles = {
documentary: {english: 'Documentary', urdu: 'دستاویزی', hindi: 'वृत्तचित्र', arabic: 'وثائقي'},
analytical: {english: 'Analytical', urdu: 'تجزیاتی', hindi: 'विश्लेषणात्मक', arabic: 'تحليلي'},
news: {english: 'News Report', urdu: 'نیوز رپورٹ', hindi: 'समाचार रिपोर्ट', arabic: 'تقرير إخباري'},
explainer: {english: 'Explainer', urdu: 'تشریحی', hindi: 'व्याख्यात्मक', arabic: 'توضيحي'},
sensational: {english: 'Sensational', urdu: 'سنسنی خیز', hindi: 'संवेदनशील', arabic: 'إثارة'}
};
return styles[style][lang] || styles[style].english;
}
function getPerspectiveName(perspective, lang) {
const perspectives = {
neutral: {english: 'Neutral', urdu: 'غیر جانبدار', hindi: 'तटस्थ', arabic: 'محايد'},
western: {english: 'Western', urdu: 'مغربی', hindi: 'पश्चिमी', arabic: 'غربي'},
eastern: {english: 'Eastern', urdu: 'مشرقی', hindi: 'पूर्वी', arabic: 'شرقي'},
'global-south': {english: 'Global South', urdu: 'جنوبی دنیا', hindi: 'वैश्विक दक्षिण', arabic: 'الجنوب العالمي'},
conspiracy: {english: 'Conspiracy Theory', urdu: 'سازشی نظریہ', hindi: 'षड्यंत्र सिद्धांत', arabic: 'نظرية المؤامرة'}
};
return perspectives[perspective][lang] || perspectives[perspective].english;
}
function getToneDescription(tone, lang) {
const tones = {
serious: {
english: 'Serious, slow, dramatic tone with strategic pauses',
urdu: 'سنجیدہ، سست، ڈرامائی انداز حکمت عملی کے وقفوں کے ساتھ',
hindi: 'गंभीर, धीमी, नाटकीय स्वर रणनीतिक रुकावटों के साथ',
arabic: 'لهجة جادة وبطيئة ودرامية مع توقفات استراتيجية'
},
neutral: {
english: 'Neutral, clear, informative tone maintaining objectivity',
urdu: 'غیر جانبدار، واضح، معلوماتی انداز معروضیت برقرار رکھتے ہوئے',
hindi: 'तटस्थ, स्पष्ट, सूचनात्मक स्वर वस्तुनिष्ठता बनाए रखते हुए',
arabic: 'لهجة محايدة وواضحة وغنية بالمعلومات مع الحفاظ على الموضوعية'
},
urgent: {
english: 'Fast, urgent, breaking news style to create urgency',
urdu: 'تیز، فوری، بریکنگ نیوز اسٹائل تاکہ فوری پیدا کی جا سکے',
hindi: 'तेज, जरूरी, ब्रेकिंग न्यूज शैली तात्कालिकता पैदा करने के लिए',
arabic: 'أسلوب سريع وعاجل وبنمط الأخبار العاجلة لخلق إحساس بالإلحاح'
},
conspiratorial: {
english: 'Mysterious, low-pitched, suspenseful tone to create intrigue',
urdu: 'پراسرار، کم آواز، سسپنس بھرا انداز تاکہ تجسس پیدا کیا جا سکے',
hindi: 'रहस्यमय, कम आवाज, रहस्यमय स्वर जिज्ञासा पैदा करने के लिए',
arabic: 'لهجة غامضة ومنخفضة ومليئة بالتشويق لخلق الفضول'
}
};
return tones[tone][lang] || tones[tone].english;
}
function getSegmentTitle(index, lang, topic, terms) {
const segmentTitles = {
english: [
`Historical Context: How ${topic} began`,
`Power Players: Who controls the game`,
`Economic Factors: ${terms[0]} and ${terms[1]}`,
`Military Dimension: The ${terms[2]} angle`,
`Cyber Warfare: Digital battlefield`,
`Media Manipulation: Controlling the narrative`,
`Future Predictions: What comes next`
],
urdu: [
`تاریخی سیاق و سباق: ${topic} کا آغاز کیسے ہوا`,
`طاقتور کھلاڑی: کھیل پر کن کا کنٹرول ہے`,
`معاشی عوامل: ${terms[0]} اور ${terms[1]}`,
`فوجی پہلو: ${terms[2]} کا زاویہ`,
`سائبر وارفیئر: ڈیجیٹل جنگ کا میدان`,
`میڈیا ہیرا پھیری: بیانیے پر کنٹرول`,
`مستقبل کی پیشین گوئیاں: اگلا کیا ہوگا`
],
hindi: [
`ऐतिहासिक संदर्भ: ${topic} कैसे शुरू हुआ`,
`शक्तिशाली खिलाड़ी: खेल को कौन नियंत्रित करता है`,
`आर्थिक कारक: ${terms[0]} और ${terms[1]}`,
`सैन्य आयाम: ${terms[2]} कोण`,
`साइबर युद्ध: डिजिटल युद्ध का मैदान`,
`मीडिया हेरफेर: कथा को नियंत्रित करना`,
`भविष्यवाणियाँ: आगे क्या होगा`
],
arabic: [
`السياق التاريخي: كيف بدأ ${topic}`,
`لاعبون أقوياء: من يتحكم في اللعبة`,
`العوامل الاقتصادية: ${terms[0]} و ${terms[1]}`,
`البعد العسكري: زاوية ${terms[2]}`,
`الحرب الإلكترونية: ساحة المعركة الرقمية`,
`التلاعب الإعلامي: التحكم في السرد`,
`التنبؤات المستقبلية: ماذا يحدث بعد ذلك`
]
};
const titles = segmentTitles[lang] || segmentTitles.english;
return titles[Math.min(index-1, titles.length-1)];
}
// Initialize with sample data for demonstration
window.addEventListener('DOMContentLoaded', () => {
topicInput.value = 'US-China Relations';
pointsInput.value = 'Trade War\nTechnology Competition\nSouth China Sea Dispute\nTaiwan Issue';
});
</script>
</body>
</html>
0 Comments