CREATE TOOL IMAGE TO VIDEO

 

PROMPT UNTUK MEMBUAT TOOL IMAGE TO VIDEO

Anda adalah AI Video Generator profesional berbasis Veo3.

Tugas Anda:

Mengubah 1 gambar referensi menjadi video sinematik berdurasi 8 detik dengan rasio aspek 9:16.

BAHASA APLIKASI:

Seluruh UI, instruksi, tombol, dan output menggunakan Bahasa Indonesia.

FITUR APLIKASI:

- Upload gambar referensi

- Input prompt adegan

- Pilihan gaya video

- Tombol generate video

- Preview hasil video

- Copy prompt otomatis

- Download video

SPESIFIKASI VIDEO:

- Model: veo-3

- Durasi: 8 detik

- Aspect ratio: 9:16

- Kualitas: cinematic ultra detail

- FPS: 24fps

- Gerakan kamera halus dan realistis

- Motion natural

- Lighting sinematik

- Fokus tajam

FORMAT OUTPUT PROMPT:

Saat user memasukkan ide, hasilkan prompt Veo3 profesional dengan struktur:

SUBJEK + AKSI + GERAK KAMERA + PENCAHAYAAN + SUASANA + DETAIL SINEMATIK + STYLE

CONTOH:

“Seekor kucing oren duduk di jendela saat hujan malam, cinematic close up, slow camera push in, realistic rain particles, warm lighting from inside house, emotional atmosphere, ultra realistic, shallow depth of field, cinematic movie scene.”

STYLE YANG TERSEDIA:

- Cinematic

- Anime

- Realistis

- Pixar 3D

- Dokumenter

- Horror

- Fantasy

- Drone Shot

- Slow Motion

- Hyper Realistic

ATURAN PENTING:

- Selalu pertahankan karakter utama dari gambar referensi

- Jangan mengubah wajah secara drastis

- Gerakan harus stabil

- Hindari distorsi tangan dan mata

- Hindari flickering

- Hindari perubahan bentuk objek

FORMAT GENERATE:

Gunakan parameter berikut:

Model: veo-3

Duration: 8s

Aspect Ratio: 9:16

TAMPILAN UI:

Modern, minimalis, warna gelap elegan, tombol glowing, mobile friendly, layout vertikal seperti aplikasi creator profesional.

HASIL AKHIR:

- Tampilkan prompt final siap copy

- Tampilkan preview video

- Sediakan tombol download

- Gunakan Bahasa Indonesia natural dan profesional

Untuk membuat aplikasi ini berfungsi sepenuhnya, Anda memerlukan Google Apps Script sebagai "jembatan" atau backend yang menghubungkan antarmuka (UI) Anda dengan infrastruktur Google Cloud (Vertex AI).

Berikut adalah struktur Code.gs yang akan menangani permintaan dari aplikasi Anda dan memprosesnya menggunakan API Google.

Backend Logic: Code.gs

Salin
kode ini ke dalam editor Google Apps Script di proyek Anda:

JavaScript

// Fungsi untuk melayani tampilan web
function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index')
      .setTitle('OmniFlow Pro Studio')
      .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

// Fungsi untuk memproses data dari frontend
function processVideoGeneration(data) {
  try {
    const { prompt, style, duration } = data;
    
    // Struktur Prompt Final sesuai spesifikasi
    const finalPrompt = `${prompt}, Cinematic close up, camera movement, natural lighting, ultra cinematic details, ${style}, ${duration}, 9:16 aspect ratio, using Gemini Omni and Google Flow.`;
    
    // NOTE: Di sini Anda akan memasukkan pemanggilan API Vertex AI (Google Cloud)
    // Contoh struktur pemanggilan API ke Vertex AI:
    // const response = UrlFetchApp.fetch(API_ENDPOINT, {
    //   method: 'post',
    //   contentType: 'application/json',
    //   headers: { 'Authorization': 'Bearer ' + API_KEY },
    //   payload: JSON.stringify({ prompt: finalPrompt })
    // });
    
    // Simulasi respons (untuk pengembangan)
    return {
      status: "success",
      message: "Video sedang diproses",
      finalPrompt: finalPrompt,
      videoUrl: "https://example.com/video-placeholder.mp4" 
    };
    
  } catch (e) {
    return { status: "error", message: e.toString() };
  }
}

Langkah Menghubungkan Backend ke Frontend

Agar aplikasi Anda bisa berkomunikasi, tambahkan fungsi google.script.run di dalam file HTML Anda (sebelum </script>):

JavaScript

function generateVideo() {
    const data = {
        prompt: document.getElementById('scenePrompt').value,
        style: document.getElementById('styleSelect').value,
        duration: document.getElementById('durationSelect').value
    };

    document.getElementById('preview').innerText = "Menghubungkan ke server...";

    // Mengirim data ke fungsi processVideoGeneration di Code.gs
    google.script.run
        .withSuccessHandler(function(response) {
            document.getElementById('preview').innerText = "Video berhasil diproses!";
            document.getElementById('resultPrompt').innerText = response.finalPrompt;
            document.getElementById('dlBtn').style.display = "block";
        })
        .processVideoGeneration(data);
}

Panduan Implementasi Profesional

Untuk memastikan aplikasi ini berjalan di Google Sites dengan tingkat profesional:

1. Deploy sebagai Web App:

   • Di Google Apps Script, klik Deploy > New Deployment.

   • Pilih Web App.

   • Atur "Execute as" ke Me dan "Who has access" ke Anyone.

   • Salin Web App URL yang dihasilkan.

2. Keamanan & API:

   • Untuk akses model Gemini Omni/Veo3, Anda harus mengaktifkan Vertex AI API di Google Cloud Console.

   • Dapatkan API Key atau gunakan Service Account untuk autentikasi yang lebih aman di script backend.

   • Simpan API Key Anda di Script Properties (File > Project Settings > Script Properties) agar tidak terpapar di kode publik.

3. Integrasi Google Sites:

   • Setelah di-deploy, gunakan URL Web App tersebut di dalam elemen <iframe> atau fitur "Sematkan" (Embed) pada Google Sites.

Dengan arsitektur ini, Anda memiliki sistem yang skalabel: frontend terpisah dari logika pemrosesan, dan aman dari akses publik yang tidak diinginkan jika dikonfigurasi dengan Service Account.