LayananPaketPortofolioMarketplaceCara KerjaFAQ
Mulai project →Akun0813 4079 780
Otomasi n8n

Gerak Jelas

Naskah masuk ke n8n, keluar video penjelas bergerak 16:9 dan 9:16 bersuara Indonesia.

Versi 1.0.0Diperbarui 26 September 202615 screenshot

Beranda dengan tipografi kinetik 3DKata NASKAH, SCENE, SUARA, VIDEO dirakit dari serpihan huruf putih tulang bersisi merah muda panas di panggung hitam, efek yang sama dengan judul di video pelanggan.1 / 15
Beranda dengan tipografi kinetik 3D1 / 15
Gerak Jelas — Beranda dengan tipografi kinetik 3D

Kata NASKAH, SCENE, SUARA, VIDEO dirakit dari serpihan huruf putih tulang bersisi merah muda panas di panggung hitam, efek yang sama dengan judul di video pelanggan.

Ringkasan

Workflow n8n plus perender Motion Canvas yang mengubah naskah atau artikel menjadi video penjelas kinetik: judul dirakit huruf demi huruf, angka menghitung naik, grafik tumbuh, narasi suara Indonesia, teks terbakar. Dua format sekali jalan, dirender di mesin Anda sendiri, dikirim ke Google Drive dan grup Telegram untuk disetujui.

Masalah yang diselesaikan

Klien minta video penjelas singkat: "yang ada angkanya naik, grafiknya jalan, ada suaranya". Membuatnya di aplikasi edit makan satu sampai dua jam per video, lalu diulang lagi untuk versi vertikal. Template video AI berlangganan dalam dolar, hasilnya mirip semua, dan angka klien kadang dikarang. Gerak Jelas memindahkan pekerjaan itu ke n8n: tempel naskah, AI menyusun scene dari fakta yang ada di naskah saja, perender di server Anda menggambar ulang semuanya dengan brand kit klien, dan dua MP4 siap dicek di grup Telegram dalam hitungan menit. Tidak ada biaya per video selain satu panggilan AI pendek.

Cocok untuk
  • Agensi konten yang membuat video penjelas untuk banyak klien UMKM setiap minggu
  • Pemilik usaha yang rutin menjelaskan promo, cara pesan, atau hasil kerja lewat Reels dan Shorts
  • Tim humas, sekolah, dan lembaga yang ingin mengubah artikel atau rilis jadi video pendek
  • Freelancer n8n yang butuh produk video siap jual ke kliennya
Hasil yang kamu dapat
  • Satu naskah jadi dua MP4 sekaligus: 1920×1080 dan 1080×1920, H.264 + AAC, siap unggah
  • Enam tipe scene bergerak: judul kinetik, angka besar, grafik batang, grafik garis, langkah ikon, penutup
  • Suara Indonesia per scene (edge-tts gratis) dan teks terbakar dengan kata aktif disorot
  • JSON dari AI diperiksa validator; salah format diperbaiki sekali, masih salah diambil alih perencana tanpa AI
  • Render di VPS atau laptop sendiri dengan Motion Canvas (MIT), bukan langganan video AI
  • Video dikirim ke grup Telegram untuk disetujui manusia, tidak pernah terbit sendiri
Bahasa desain
Unbounded + Sora · timeline adegan kinetik di panggung gelap, huruf putih tulang dan satu aksen merah muda panas

Fitur

Workflow n8n

  • Naskah jadi video: Jalankan manual, Webhook, AI susun scene, Periksa JSON, AI perbaiki, cadangan tanpa AI, Render, Google Drive, Telegram
  • Bot Telegram penerima naskah dengan balasan otomatis dan data contoh terpasang
  • Node Konfigurasi tunggal: mode demo / uji-render / produksi, model AI, format, brand kit, chat dan folder tujuan
  • Catatan tempel berbahasa Indonesia di tiap bagian
  • Hanya node bawaan n8n, tanpa node komunitas
  • Kredensial tidak ikut di file; node pengirim nonaktif sampai kredensial diisi

Perender video

  • Motion Canvas headless lewat Chromium, dipanggil dari satu perintah node renderer/render.ts
  • Tata letak menyesuaikan orientasi, teks terbakar 9:16 di atas area tombol Shorts
  • Durasi scene mengikuti panjang suara, teks dipecah 3–6 kata dengan sorotan kata
  • Keluaran JSON satu baris untuk dibaca n8n, termasuk ukuran dan durasi tiap file
  • Mode --plan-only untuk uji cepat tanpa render
  • Suara jatuh ke macOS atau video senyap kalau layanan suara tidak terjangkau, tercatat di log

Situs Cara kerja

  • Tipografi kinetik 3D (three.js) dengan poster statis dan dukungan gerak dikurangi
  • Spine scene yang memutar video contoh dari detik scene itu
  • Pencoba naskah memakai perencana yang sama dengan workflow
  • Editor brand kit dengan pemeriksa kontras WCAG
  • Daftar periksa pemasangan yang tersimpan di browser

Animasi 3D

Konsep

Tipografi kinetik 3D: kata NASKAH, SCENE, SUARA, VIDEO terbang dari serpihan huruf putih tulang bersisi merah muda panas di panggung hitam, lalu merakit diri, persis efek judul yang dihasilkan produk ini di video pelanggan. Empat tick di bawahnya menyala mengikuti tahap alur.

Tanpa WebGL / gerak dikurangi

Tanpa WebGL tampil poster kata yang sudah dirakit; dengan prefers-reduced-motion adegan dirender satu bingkai diam. Isi halaman tidak menunggu 3D.

Screenshot

  1. 01Beranda dengan tipografi kinetik 3DKata NASKAH, SCENE, SUARA, VIDEO dirakit dari serpihan huruf putih tulang bersisi merah muda panas di panggung hitam, efek yang sama dengan judul di video pelanggan.desktop
  2. 02Spine scene dan pemutar contohKlik scene 04, pemutar lompat ke detik 0:31 di MP4 asli. Kartu yang terbuka menampilkan filmstrip bingkai dan narasinya.desktop
  3. 03Versi 9:16 untuk Reels dan ShortsSatu JSON, dua video. Tombol format mengganti ke versi vertikal di detik yang sama.desktop
  4. 04Alur di dalam n8nEnam langkah dari webhook sampai Telegram, dengan potongan scene JSON yang ditulis AI.desktop
  5. 05Coba naskah sendiriPerencana cadangan tanpa AI memecah naskah laundry jadi 5 scene lengkap dengan durasi, siap disalin sebagai JSON.desktop
  6. 06Brand kit per klienEmpat warna, huruf judul, nama brand, pratinjau scene yang langsung berubah dan pemeriksa kontras.desktop
  7. 07Daftar periksa pemasanganTujuh langkah dari zip ke video pertama, centang tersimpan di browser, perintah bisa disalin.desktop
  8. 08Kanvas workflow Naskah jadi video23 node bawaan n8n dengan catatan tempel berbahasa Indonesia per bagian.desktop
  9. 09Eksekusi hijau dengan data contohMode demo berjalan tanpa kunci API: Konfigurasi, scene contoh, render (garis waktu), ringkasan.desktop
  10. 10Keluaran node RingkasanJudul, durasi 52,2 detik, 6 scene: hasil nyata eksekusi di n8n lokal.desktop
  11. 11Workflow bot TelegramNaskah yang dikirim ke bot diteruskan ke workflow render, bot membalas di chat yang sama.desktop
  12. 12Bingkai video keluaranEnam bingkai langsung dari MP4 1920×1080 hasil render paket ini: judul, angka, ikon, batang, garis, penutup.desktop
  13. 13Beranda di ponselPanggung 3D dan tick alur tetap terbaca di layar 390 px.mobile
  14. 14Pemutar 9:16 di ponselVideo vertikal dengan teks terbakar, kata yang diucapkan disorot.mobile
  15. 15Hasil susun scene di ponselDaftar scene bernomor dengan tipe dan durasi.mobile

Contoh hasil

  • Contoh 16:9 · Dapur Wening pre-order55,9 detik, 1920×1080, suara id-ID-ArdiNeural. Usaha dan angka fiktif untuk demo.
  • Contoh 9:16 · Dapur Wening pre-orderNaskah dan JSON yang sama, 1080×1920 untuk Reels, Shorts, dan TikTok.

Cara Pasang

  1. Ekstrak dan siapkan pengaturan

    Isi AI_API_KEY di .env. Mode demo tidak butuh kunci apa pun.

    unzip explainer-motion-v1.0.0.zip -d gerak-jelas && cd gerak-jelas && cp .env.example .env

  2. Nyalakan n8n dan perender

    Build pertama sekitar 5–10 menit. Buka http://localhost:5603.

    docker compose up -d --build

  3. Impor workflow dan jalankan contoh

    Buka Naskah jadi video, tekan *Execute workflow*. Ganti mode ke uji-render untuk MP4 pertama di folder output/.

    docker compose exec n8n n8n import:workflow --separate --input=/workflows

Butuh kredensial

  • Kunci API AIBerbayar

    Buat di dasbor penyedia yang mendukung format OpenAI (bawaan FlatKey), tempel ke AI_API_KEY di .env.

  • Telegram Bot TokenGratis

    Chat @BotFather, kirim /newbot, tempel token di Credentials → Telegram API di n8n.

  • Google Drive OAuth2Gratis

    Buat OAuth Client di Google Cloud Console dengan Drive API aktif, salin redirect URL dari form kredensial n8n.

Isi Paket

  • workflows/: 2 workflow n8n siap impor
  • renderer/: proyek Motion Canvas + render.ts
  • src/lib/: kontrak scene JSON, validator, perencana cadangan, prompt AI
  • samples/: naskah contoh Dapur Wening
  • marketplace/samples/: 2 MP4 hasil render
  • src/, index.html, pasang.html: situs Cara kerja
  • docs/: INSTALL, CREDENTIALS, CARA-KERJA, CUSTOMIZE, TROUBLESHOOT
  • Dockerfile, docker-compose.yml, .env.example
  • tests/: uji unit, e2e, skrip tangkapan layar

Kustomisasi

  • Brand kit per klien: 4 warna, huruf judul, nama
  • Suara laki-laki atau perempuan
  • Model dan penyedia AI lewat .env
  • Format keluaran: dua-duanya, 16:9 saja, atau 9:16 saja
  • Menambah tipe scene baru di satu file
  • Teks dan warna situs Cara kerja

AI in the loop

Yang dikerjakan AI

AI menyusun naskah menjadi scene JSON (tipe scene, judul, angka, narasi) dengan larangan mengarang angka yang tidak ada di naskah.

Kendali manusia

JSON diperiksa validator sebelum dirender; video dikirim ke grup Telegram untuk dicek dan disetujui manusia, tidak pernah diterbitkan otomatis. Mode demo dan perencana cadangan jalan tanpa AI.

Penyedia model

Endpoint format OpenAI apa pun lewat AI_BASE_URL (bawaan FlatKey, model gemini-3.1-flash-lite)

Hasil AI selalu berupa draf. Tidak ada yang terkirim atau tersimpan sebelum kamu menyetujuinya.

FAQ

Apakah butuh langganan video AI atau kartu kredit?

Tidak. Gambar bergerak dirender di komputer atau VPS Anda oleh Motion Canvas. Biaya berjalan hanya satu panggilan AI pendek per video untuk menyusun scene. Suara memakai edge-tts yang gratis.

Berapa lama satu video dirender?

Video contoh 56 detik dalam dua format selesai sekitar satu setengah menit di laptop Apple M3 (diukur: 42 detik untuk 16:9, 33 detik untuk 9:16, sisanya suara). VPS kecil bisa dua sampai empat kali lebih lama.

Bisa memakai logo atau foto produk?

Versi 1.0 fokus pada tipografi, grafik, dan ikon garis supaya hasilnya konsisten. Nama brand tampil dengan huruf judul pilihan. Cara menambah scene gambar dijelaskan di docs/CUSTOMIZE.md.

Bagaimana kalau AI salah menyusun JSON?

Validator menolak JSON yang salah, AI diminta memperbaiki sekali dengan daftar galatnya, dan kalau masih salah perencana tanpa AI mengambil alih sehingga video tetap jadi. Sumber scene tercatat di hasil eksekusi.

Apakah video langsung terbit ke Instagram atau YouTube?

Tidak. Video diunggah ke Google Drive dan dikirim ke grup Telegram untuk dicek. Periksa angka dan ejaan sebelum dibagikan, terutama untuk klien keuangan atau kesehatan.

Bisa jalan di hosting n8n cloud?

Perender butuh Chromium dan ffmpeg di mesin yang sama dengan node Execute Command, jadi paket ini dirancang untuk n8n yang Anda pasang sendiri (Docker lokal atau VPS). n8n Cloud tidak menyediakan Execute Command.

Satu lisensi untuk berapa klien?

Satu lisensi untuk satu usaha akhir. Agensi dengan beberapa klien membeli satu lisensi per klien yang memakai workflow di akunnya sendiri.

Changelog

  1. v1.0.0
    26 September 2026
    • Rilis pertama: 2 workflow n8n, perender Motion Canvas 6 tipe scene, suara Indonesia, situs Cara kerja dengan 3D, dokumentasi lengkap
Gerak Jelas
Rp 449.000
Demo ↗