TECH GUIDE

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.

Claude Opus menulis kode video Remotion 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 render Remotion di browser 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:

Tugas Apa yang Mau Anda Delegasikan?

Jelajahi cara kerja AI Agent dan lihat potensi penerapannya dalam bisnis Anda.

Deploy Your Agent