Video Editing
dengan Hermes Agent

01 Pendahuluan: Kenapa Video Editing dengan AI?

Bayangin, kamu bisa bikin video profesional dari Telegram. Dalam 5 menit. Tanpa buka Premiere Pro. Tanpa render di laptop sendiri. Tanpa pusing sama timeline yang njlimet.

Gila, kan?

Nah, itu yang bisa dilakukan Hermes Agent (GitHub). Ini tuh AI assistant yang bisa kamu ajak ngobrol lewat chat, dan dia akan bikin video buat kamu. Tinggal kasih brief, kasih foto, kasih ide — dia yang ngerjain.

Apa aja yang bakal kamu pelajari?

• Gimana cara kerja pipeline video editing AI
• Dua engine utama: Remotion (GitHub) dan HyperFrames (GitHub)
• Tutorial bikin video ad, video quote, dan konten sosmed
• Tips hemat RAM, hemat token, hemat waktu
• 134 template siap pakai dari HyperFrames

Siap? Gas!

02 Arsitektur: Dari Chat ke Video

Gini alurnya, bro. Kamu chat ke Hermes Agent, terus... jadi video. Tapi di antara itu ada proses yang lumayan keren.

03 RAM: Musuh Utama Kita

Server kamu RAM-nya cuma 7.6GB? Tenang, masih bisa kok! Tapi kamu harus pintar-pintar ngelola.

Bayangin RAM itu kayak meja kerja. Makin banyak aplikasi yang dibuka, makin penuh meja. Kalau udah penuh? Berantakan. Makanya kita harus rapi.

04 Spesifikasi Server

Yang penting bukan spek gede, tapi efisien. Percaya deh, server "seadanya" pun bisa jalan asal di-setup bener.

05 Token: Duit Digital Kamu

Setiap kali Hermes Agent mikir, dia makan token. Bayangin token itu kayak bensin. Makin jauh perjalanan (makin kompleks video), makin banyak bensin yang dipake.

Rata-rata, satu video butuh ~10-15K token. Mahal nggak? Tergantung modelnya.

06 Durasi Render: Sabar Ya!

Render video itu nggak instant. Tergantung durasi dan kompleksitas. Jadi jangan bikin video 2 jam ya...

07 Setup Server Minimal

Oke, sekarang kita setup server. Nggak susah kok, tinggal copy-paste.

Step 1: Install Dependencies

# Update system
sudo apt update && sudo apt upgrade -y

# Install Node.js 20
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo bash -
sudo apt install -y nodejs

# Install Chrome dependencies
sudo apt install -y chromium-browser libnss3 libatk-bridge2.0-0

# Install Hermes Agent
npm install -g hermes-agent

Step 2: Setup Swap (Penting!)

# Bikin swap 2GB (kalau RAM cuma 4-8GB)
sudo fallocate -l 2G /swapfile
sudo chmod 600 /swapfile
sudo mkswap /swapfile
sudo swapon /swapfile

# Bikin permanen
echo '/swapfile none swap sw 0 0' | sudo tee -a /etc/fstab

Step 3: Monitor Server

# Cek RAM
free -h

# Cek proses
htop

# Cek disk
df -h

08 Berapa Biayanya?

Ini pertanyaan yang paling sering ditanya. Jawabannya: tergantung. Tapi kita bisa hitung.

4 Skenario Biaya per Bulan

09 Studi Kasus Nyata

Ngomong doang nggak cukup. Mari lihat contoh nyata dari penggunaan Hermes Agent.

Scenario 1: YouTube Creator

Pak Budi bikin channel YouTube tentang properti. Dulu dia bayar editor Rp 1jt per video. Sekarang? Dia bikin sendiri lewat Telegram. 50 video/bulan, biaya total cuma Rp 200rb. Hemat 90%.

Scenario 2: Marketing Agency

Agency XYZ handle 20 klien. Tiap klien butuh 10 video/bulan. Total: 200 video. Dengan Hermes Agent, mereka hire 1 orang (bukan 5) dan biaya operasional turun drastis.

Scenario 3: E-commerce

Toko online butuh video produk harian. Dulu bikin 1 video butuh 2 jam. Sekarang? 5 menit per video. Bisa bikin 20 video sehari tanpa overtime.

10 Remotion: React Bikin Video

Denger kata React langsung pusing? Santai, kita jelasin pelan-pelan. Remotion itu framework buat bikin video pakai React. Jadi basically, kamu nulis komponen React — tapi bukan buat web, buat video.

Kelebihan & Kekurangan

Contoh Kode

import { Composition } from 'remotion';
import { MyVideo } from './MyVideo';

// Daftarkan video kamu
export const RemotionRoot = () => {
  return (
    <Composition
      id="properti-ad"
      component={MyVideo}
      durationInFrames={900}  // 30 detik @ 30fps
      fps={30}
      width={1920}
      height={1080}
    />
  );
};

11 HyperFrames: HTML Juga Bisa Video!

100+ template siap pakai. Tinggal edit, render, jadi. Nggak perlu ngoding React. Cukup HTML + CSS + sedikit JavaScript.

HyperFrames itu engine kedua di Hermes Agent. Konsepnya simple: setiap frame video itu halaman HTML. Kamu bikin HTML, terus frame-by-frame dijadiin video.

Kelebihan & Kekurangan

12 Remotion vs HyperFrames: Adu Jotos

Simpelnya: Remotion = lebih kuat, HyperFrames = lebih gampang. Tapi mana yang cocok buat kamu?

13 Studi Kasus: Property Ad

Mari kita bikin video yang sama dengan dua engine berbeda. Brief-nya: video ad properti 30 detik, tema modern, warna biru.

Hasilnya?

Kedua engine menghasilkan video yang secara visual mirip. Tapi prosesnya beda banget:

14 Hybrid Workflow: Best of Both Worlds

Ambil design dari HyperFrames, render pakai Remotion. Simple. Ini workflow terbaik kalau kamu mau hasil maksimal dengan effort minimal.

Step-by-Step

1. Pilih template dari HyperFrames catalog
2. Ekstrak desain (layout, warna, font, animasi CSS)
3. Convert ke komponen Remotion
4. Tambah fitur Remotion (audio, complex animation, multi-track)
5. Render dengan Remotion engine

15 Tutorial: Video Ad Properti

Dari foto kos jadi video ad profesional. Ini tutorial step-by-step yang paling sering dipakai.

Yang Kamu Butuhkan

• Foto properti (minimal 1)
• Info properti (harga, lokasi, fitur)
• Akses ke Hermes Agent (Telegram)

Step 1: Kirim Brief

Bikin video ad properti 30 detik.
- Foto: [upload foto properti]
- Harga: Rp 450jt
- Lokasi: Bandung Selatan
- Fitur: 3 kamar, 2 kamar mandi, carport
- Tema: modern, warna biru-putih
- Engine: Remotion

Step 2: Tunggu AI Generate

Hermes Agent akan generate kode Remotion, compile, dan render. Ini butuh waktu sekitar 2-5 menit.

Step 3: Review & Revisi

Video dikirim ke Telegram. Kalau kurang sreg, tinggal chat lagi: "Warnanya terlalu gelap, ganti ke biru muda." Done.

16 Tutorial: Video Quote Sosmed

Quote Islami + background video = viral. Ini konten yang paling gampang dibuat dan paling sering viral di Instagram/TikTok.

Konsep

• Background video aesthetic (bokeh, alam, langit)
• Word-by-word caption (kinetic text)
• Musik instrumental
• Durasi: 15-30 detik

Brief Template

Bikin video quote Instagram.
- Quote: "Sesungguhnya sesudah kesulitan itu ada kemudahan"
- Word-by-word animation
- Background: gradient biru-hijau
- Font: besar, putih, center
- Durasi: 15 detik
- Musik: instrumental piano (kalau bisa)

17 Voiceover: Biar Video Ngomong

Video tanpa suara itu kayak nasi tanpa lauk. Bisa dimakan, tapi kurang mantap. Makanya kita butuh voiceover.

edge-tts: TTS Gratis

edge-tts itu text-to-speech engine dari Microsoft. Gratis, offline, dan hasilnya lumayan bagus. Cocok banget buat konten Indonesia.

# Install edge-tts
pip install edge-tts

# Generate voiceover Indonesia
edge-tts --voice id-ID-ArdiNeural   --text "Selamat datang di tutorial video editing"   --write-media output.mp3

# List semua bahasa Indonesia
edge-tts --list-voices | grep id-ID

Suara Indonesia yang Tersedia

18 SVG Icons: STOP Pakai Emoji!

Emoji di video itu... nggak muncul. Trust me. Chrome headless nggak render emoji dengan benar. Hasilnya kotak-kotak hitam. Nggak profesional.

Contoh SVG Icons

<!-- Ikon Bintang -->
<svg width="24" height="24" viewBox="0 0 24 24"
  fill="#f59e0b" stroke="#f59e0b" stroke-width="2">
  <polygon points="12 2 15.09 8.26 22 9.27
    17 14.14 18.18 21.02 12 17.77
    5.82 21.02 7 14.14 2 9.27
    8.91 8.26 12 2"/>
</svg>

<!-- Ikon Centang -->
<svg width="24" height="24" viewBox="0 0 24 24"
  fill="none" stroke="#34a853" stroke-width="2.5">
  <path d="M22 11.08V12a10 10 0 11-5.93-9.14"/>
  <path d="M22 4L12 14.01l-3-3"/>
</svg>

19 Best Practices

Ini rules yang harus kamu ikuti biar video kamu keliatan profesional, bukan amatiran.

Transition Rules

• Jangan pakai lebih dari 2 jenis transisi per video
• Default: fade in/out (0.3s - 0.5s)
• Hindari transisi yang terlalu "ramai" (spin, bounce berlebihan)
• Konsisten: kalau pakai fade, semua fade

Alignment Guidelines

• Gunakan grid system (center, kiri, kanan)
• Margin konsisten: minimal 5% dari ukuran frame
• Text center untuk judul, left-align untuk body

Animation Timing

• Text muncul: 0.2s - 0.5s
• Image slide: 0.3s - 0.6s
• Background transition: 0.5s - 1s
• Delay antar elemen: 0.1s - 0.3s

20 Tips & Tricks

Ini kumpulan tips dari pengalaman pribadi. Simpan, bookmark, atau screenshot. Bakal kepake.

21 Katalog HyperFrames: 134 Template

Semua template yang tersedia di HyperFrames, terorganisir per kategori. Tinggal pilih, edit, render. Selesai.

22 Kesimpulan & Next Steps

Udah sampe sini? Keren! Itu artinya kamu udah siap buat bikin video pertama. Sekarang tinggal praktik.

Checklist Sebelum Mulai

• Server Ubuntu dengan RAM 4GB+ sudah siap
• Hermes Agent terinstall dan terkonfigurasi
• Swap 2GB sudah aktif
• Model AI sudah dipilih (Gemini Flash buat mulai)
• Brief video pertama sudah disiapkan

Langkah Selanjutnya

1. Bikin video pertama (mulai dari 30 detik aja)
2. Eksperimen dengan template HyperFrames
3. Coba Remotion untuk video yang lebih kompleks
4. Build library template sendiri
5. Scale up produksi konten

Ahmad Asri Zalmi

AI Content Creator & Automation Enthusiast

Passionate tentang AI, video editing, dan efisiensi kerja. Suka eksperimen dengan teknologi baru dan share hasilnya ke komunitas.

Hermes Agent Remotion Content Creator