Cara Buat Video AI Programmatic dengan Claude Opus dan GPT Astra
Quickstart membuat video dengan AI memakai Remotion: tulis spec, minta agent menulis komponen, preview di Studio, lalu render jadi MP4 di browser.
Kalau Anda mau bikin video pakai AI, sekarang gak harus selalu masuk ke generator video lalu ngetik prompt.
Ada cara lain.
LLM seperti Claude Opus atau GPT Astra bisa diminta nulis kode video sungguhan. Kuncinya pakai Remotion, framework React untuk video. Supaya agent gak asal ngarang API, kasih juga akses ke dokumentasi lewat Remotion MCP server.
Nah, quickstart-nya kurang lebih begini.
#1: Tulis spec dulu
Jangan cuma bilang, “bikin video keren.”
Tulis yang jelas: durasi berapa detik, ukuran video, posisi teks, animasi, warna, timing, dan elemen apa saja yang muncul.
Karena kualitas hasilnya bukan cuma ditentukan AI.
Spec yang Anda kasih ke AI justru sangat menentukan.
#2: Minta AI bikin komponen Remotion
Contohnya, arahkan agent untuk membuat React component di Remotion untuk video 5 detik, lengkap dengan teks dan animasinya.
Kalau mau lebih aman, arahkan agent menggunakan Remotion MCP server supaya dia bisa membaca dokumentasi API yang benar.
Jangan terlalu mengandalkan ingatan model soal API terbaru.
Agent menulis komponen Remotion berdasarkan spec, bukan sekadar deskripsi adegan.
#3: Preview dulu
Jalankan hasilnya di Remotion Studio.
Lihat dulu videonya sebelum repot-repot export.
Kalau ada posisi teks yang ngaco, timing animasi yang kurang pas, atau elemen yang belum muncul, beresin di sini.
#4: Render jadi MP4
Kalau sudah oke, gunakan @remotion/web-renderer dan renderMediaOnWeb() untuk merender video di browser.
Kurang lebih:
import {renderMediaOnWeb} from '@remotion/web-renderer';
const {getBlob} = await renderMediaOnWeb({
composition: {
component: Component,
durationInFrames: 100,
fps: 30,
width: 100,
height: 100,
calculateMetadata: null,
id: 'my-composition'
},
inputProps: {},
});
Nah, video sudah bisa benar-benar dirender.
Hasil renderMediaOnWeb() di browser, langsung siap diunduh sebagai MP4.
Kalau Anda gak butuh kontrol serumit itu, ada jalur yang lebih gampang lagi: minta LLM bikin satu file HTML dengan Canvas, animasikan objeknya, lalu gunakan canvas.captureStream() + MediaRecorder untuk merekam .webm.
Jadi pilihannya simpel:
Mau kontrol & presisi → Remotion.
Mau cepat buat eksperimen → HTML Canvas.
Yang penting, jangan lupa: AI-nya cuma bantu bikin videonya, tapi spec tetap Anda yang musti mikirin.
Deploy Your Own AI
Konsultasikan kebutuhan AI agent kamu sekarang!
Sumber:
Baca panduan teknis lainnya:
Cara Terbaru Agar AI Bisa Niru Gaya Bahasa Kamu Sendiri
Cara membuat AI mengikuti gaya tulisan Anda sendiri lewat style block: bedah...
Cara Mulai Pakai Jev, Gak Perlu Ribet
Quickstart memakai Jev dari TypeSafe AI: ambil API key, pasang paket, kirim...
Cara Pakai Gemini Skills Agar AI Kamu bisa Ngerjain Task Berulang
Cara pakai Gemini Skills agar AI kamu bisa mengerjakan task berulang tanpa...
