Menyunting video vertikal (Reels, TikTok, atau Shorts) dari rekaman mentah sering kali menguras waktu pada hal-hal repetitif: menyelaraskan dua sumber audio, memotong jeda dan salah bicara (false starts), menata caption kata demi kata, hingga menjaga konsistensi visual di setiap adegan.
Alur kerja tiga prompt ini merapikan tahapan tersebut dengan memanfaatkan coding agent lokal (seperti Claude Code, Cursor, Codex CLI, atau lingkungan agen yang memiliki izin akses baca-tulis folder dan terminal di komputer lokal; langganan chat web biasa saja belum mencukupi tanpa akses eksekusi lokal) bersama Remotion sebagai penyusun video berbasis kode React.
Sumber Rujukan & Kredit Pembuat:
Panduan ini diadaptasi dari catatan alur kerja publik kreator @itsaddie.hd pada halaman Notion:
Cara gue edit Reels pakai AI + Remotion - 3 prompts (@itsaddie.hd).
Sumber asli mencatat bahwa fondasi skill dan struktur alur kerjanya berakar dari materi Michael Ly / millee.md.Catatan transparansi pengujian: Dokumen ini disusun dari audit dokumentasi publik, analisis sintaks, dan verifikasi spesifikasi resmi alat terkait. Workflow ini belum dijalankan atau dites di sini untuk merender video nyata secara penuh; pengujian build dan peramban yang kami lakukan memvalidasi integritas panduan situs web, bukan hasil produksi video. Kami juga tidak menonton langsung video Reel asli dari kreator karena materi sumber hanya menyediakan catatan Notion tanpa tautan video publik tertanam. Keputusan kurasi, estetika visual, dan persetujuan akhir tetap sepenuhnya berada di tangan editor manusia.
1. Peta Alur Kerja: Tiga Gerbang Kendali
Alur ini membagi proses penyuntingan ke dalam tiga gerbang terpisah agar coding agent tidak langsung menyentuh rekaman mentah sebelum lingkungan kerja dan aturan desain disepakati bersama:
- Gerbang 1 (Prompt 1 - Setup Workspace): Memeriksa dependensi sistem lokal, menyusun struktur folder, dan menguji coba seluruh alur menggunakan video demo sintetis 5 detik tanpa menyentuh rekaman mentah asli.
- Gerbang 2 (Prompt 2 - Brand Editing Guide): Menganalisis 3-5 video referensi pilihan Anda, lalu merumuskan dokumen aturan desain (
brand/BRAND.md, konfigurasibrand/defaults.json, lembar tinjauan PDF, serta pratinjau web lokal). - Gerbang 3 (Prompt 3 - Eksekusi & Review Scene): Menyelaraskan audio mic dan kamera, memotong jeda percakapan, memverifikasi hook 10 detik pertama, lalu meninjau video adegan demi adegan (Approve, Revise, atau Remove) sebelum render final.
2. Inventaris Perangkat & Tautan Resmi
Sebelum menjalankan perintah apa pun, pahami fungsi masing-masing alat serta batas kapabilitas teknisnya:
| Perangkat | Peran Utama | Sumber Resmi | Catatan Teknis & Lisensi |
|---|---|---|---|
| Remotion | Framework video berbasis React & TypeScript | Dokumentasi Remotion & remotion-dev/remotion | Menyusun frame video dari komponen React. Remotion menyediakan opsi gratis untuk penggunaan personal dan tertentu, serta lisensi berbayar untuk entitas komersial berskala lebih besar. Periksa ketentuan resmi terkini di remotion.dev/docs/license/pricing. |
| Remotion Agent Skills | Konteks instruksi resmi untuk coding agent | remotion.dev/docs/ai/skills | Dipasang via perintah resmi npx skills add remotion-dev/skills untuk membimbing agen menulis komponen Remotion yang valid. |
| Node.js | Runtime JavaScript di komputer lokal | nodejs.org | Node.js versi 22 adalah pilihan alur kerja LTS modern yang stabil untuk eksekusi agen koding lokal. |
| Chrome Headless Shell | Browser headless untuk merender frame | Chrome Headless Shell Remotion | Remotion mengunduh dan mengelola binary ini secara otomatis saat render berlangsung. Ini terpisah dari aplikasi Google Chrome biasa di desktop Anda. |
| FFmpeg & ffprobe | Pembaca codec, metadata, dan audio drift | ffmpeg.org | Wajib terpasang di PATH sistem operasi untuk membaca metadata durasi, mengekstrak sampel audio, dan membuat file proxy ringan. |
| Whisper Multilingual | Transkripsi audio dengan stempel waktu kata | OpenAI Whisper | Gunakan model multibahasa (base, small, atau large-v3). Jangan gunakan model berakhiran .en karena akan gagal menangani kosa kata bahasa Indonesia dan istilah campur. Stempel waktu per kata (word-level timestamps) bersifat estimasi terbaik (best-effort) dan tidak dijamin 100% presisi otomatis tanpa tinjauan manusia. |
| HyperFrames | Animasi prosedural / 3D (opsional) | Tidak terverifikasi | Alat ini disebut pada catatan sumber asli sebagai opsi motion tertentu, tetapi identitas paket publiknya belum terverifikasi secara resmi. Alur kerja standar tidak membutuhkannya; gunakan animasi bawaan Remotion. |
| yt-dlp | Penyimpan video referensi (opsional) | yt-dlp di GitHub | Alat bantu baris perintah opsional jika Anda perlu mengunduh materi referensi publik yang sah untuk dianalisis. |
[!CAUTION] Status Arsip ZIP Pihak Ketiga: Sumber asli menyertakan tautan Google Drive publik untuk berkas arsip
remotion-reel.zip(tautan Drive sumber). Berkas ini berstatus belum diaudit (uninspected). Jangan langsung memasang arsip pihak ketiga tanpa memeriksa isinya terlebih dahulu. Untuk keamanan lingkungan kerja Anda, utamakan paket keahlian resmi Remotion melalui perintahnpx skills add remotion-dev/skills.
3. Struktur Folder Kerja yang Konsisten
Buat folder kerja utama bernama AI Video Editing/ di komputer Anda, lalu pisahkan berkas ke dalam subfolder yang konsisten berikut:
AI Video Editing/
├── Raw Footage/ # Rekaman asli kamera, audio mic, screen recording, B-roll (read-only)
│ ├── cam_take1.mp4
│ ├── mic_wireless.wav
│ └── proxies/ # Klip ringan resolusi rendah untuk preview cepat (file asli aman)
├── References/ # 3-5 video rujukan gaya, screenshot, atau materi benchmark
│ ├── ref_pacing_01.mp4
│ └── ref_caption_02.mp4
├── Outputs/ # Pratinjau hook, lembar review adegan, dan hasil render final
│ ├── hook_preview_10s.mp4
│ ├── scene_reviews/
│ └── final_render.mp4
├── brand/ # Terbitan Prompt 2
│ ├── BRAND.md # Aturan hierarki tipografi, safe zone, framing, dan tone
│ ├── defaults.json # Variabel warna hex, nama font lokal, padding, durasi
│ ├── brand_sheet.pdf # Lembar tinjauan visual PDF
│ └── decisions-2026-11-07.md # Catatan keputusan dan tanggal persetujuan editor
└── remotion-project/ # Proyek React Remotion
├── src/
│ ├── Root.tsx # Registrasi komposisi video
│ ├── Composition.tsx # Linimasa komposisi utama
│ └── scenes/ # Komponen modular per adegan
├── package.json
└── remotion.config.ts
4. Langkah Awal: Uji Cepat Lingkungan Sebelum Menjalankan Prompt
Sebelum menyalin prompt instruksi panjang, lakukan verifikasi cepat selama 2 menit di terminal komputer Anda:
# 1. Pastikan runtime Node.js dan CLI FFmpeg tersedia di PATH
node -v # Menampilkan v22.x
ffmpeg -version # Memastikan FFmpeg siap dipanggil
# 2. Siapkan tiga subfolder dasar
mkdir -p "AI Video Editing/Raw Footage" "AI Video Editing/References" "AI Video Editing/Outputs"
cd "AI Video Editing"
Setelah struktur folder dasar siap, buka folder AI Video Editing di coding agent lokal Anda, lalu masukkan tiga prompt di bawah secara bertahap.
5. Tiga Prompt Adaptif Siap Pakai
Gunakan tiga prompt berikut sesuai urutannya. Setiap prompt mempertahankan seluruh rincian instruksi sumber asli dan menambahkan pengamanan berkas:
Prompt 1: Setup Workspace & Fondasi Remotion
Gue sudah bikin folder "AI Video Editing" dengan tiga subfolder: Raw Footage, References, dan Outputs. Tolong setup workflow edit Reels di folder ini. Format video vertikal 1080 x 1920, 30 fps. Konten gue umumnya berupa talking head, tutorial teknis, atau screen recording.
Sebelum menginstal paket apa pun, cek dulu isi folder dan tool yang sudah ada di komputer gue: Node.js (minimal versi 22 LTS), Remotion, FFmpeg/ffprobe, Chrome Headless Shell, dan Whisper multilingual. Alat seperti HyperFrames dan yt-dlp bersifat opsional; jelaskan kapan gue butuh masing-masing. Jangan instal ulang tool yang sudah ada. Jika ada langkah yang mentok atau terhambat izin akses, jelaskan masalahnya secara spesifik.
Yang perlu disiapkan:
1. Proyek Remotion blank dengan TypeScript di dalam subfolder remotion-project/. Remotion jadi tempat utama buat menyusun linimasa video, caption, grafis, audio, preview lokal, dan render final. Pasang official Remotion agent skills via "npx skills add remotion-dev/skills". Jika gue menyediakan remotion-reel.zip, periksa dan audit isinya terlebih dahulu sebelum dipasang sebagai skill tambahan. Skill membantu proses edit, tetapi gaya video nanti harus mengikuti brand gue sendiri.
2. Pertahankan tiga folder utama tadi (Raw Footage, References, Outputs). Di dalamnya, rapikan tempat untuk rekaman kamera, audio mic terpisah, screen recording, B-roll, gambar, musik latar, efek suara (SFX), naskah, referensi, proyek per video, preview, dan hasil final. File asli di Raw Footage bersifat read-only dan DILARANG DITIMPA. Jika kamu membuat versi konversi atau proxy ringan, pisahkan ke dalam subfolder Raw Footage/proxies/. Tulis README.md singkat di root workspace agar gue tahu file pertama ditaruh di mana serta perintah pasti untuk membuka preview Studio, menjalankan review per adegan, dan mengeksekusi render.
3. Alur penerimaan footage yang otomatis mendeteksi codec, durasi, orientasi video (vertikal/horizontal), frame rate (fps), dan format audio. Jika mic gue direkam terpisah dari kamera, siapkan alur untuk menyelaraskan (sync) audio mic ke video kamera, dan periksa apakah terjadi pergeseran sinkronisasi (audio drift) antara awal dan akhir rekaman. Deteksi keheningan (silence) dan salah bicara (false starts/retakes) diperbolehkan, tetapi jangan memotong semua jeda napas yang wajar secara sembarangan.
4. Skrip transkripsi berbasis Whisper model multilingual untuk Bahasa Indonesia dan English (JANGAN gunakan model berakhiran .en). Buat perintah yang menerima video atau audio, lalu menyimpan transkrip dengan stempel waktu per kata (word-level timestamps) jika memungkinkan. Simpan stempel waktu yang tetap terhubung ke file rekaman asli, tandai kata-kata yang tingkat keyakinannya rendah (uncertain words), dan sediakan mekanisme revisi caption manual tanpa menghapus catatan transkrip mentah sebelumnya.
5. Linimasa yang modular dan dapat diedit, template komponen caption dan popup visual yang dapat digunakan ulang, preview web lokal, serta antarmuka review per adegan. Pada halaman review adegan, gue harus bisa memberi catatan pada timestamp tertentu dan memilih status: [Approve], [Revise], atau [Remove]. Adegan yang sudah berstatus [Approve] harus terkunci dari perubahan otomatis berikutnya sampai gue meminta dibuka secara eksplisit. Jika satu adegan dipilih [Remove], video DAN audionya harus ikut dikeluarkan dari linimasa.
6. Pengecekan teknis pra-render mencakup: kompilasi TypeScript via "npx tsc --noEmit", stempel waktu caption, area aman (safe zone) teks vertikal 9:16, rasio aspek video agar tidak gepeng atau terdistorsi, deteksi frame hitam atau glitch grafis, resolusi dan fps hasil render, serta pengecekan level audio agar tidak clipping. Agen harus menegaskan bahwa pemeriksaan otomatis memiliki keterbatasan: pengecekan manual dengan menonton hasil playback tetap wajib dilakukan untuk memvalidasi potongan adegan, artikulasi gerak bibir (lip sync), ekspresi wajah, dan kenyamanan visual. Opsi HyperFrames boleh disiapkan jika relevan, tetapi linimasa final tetap berada di Remotion.
JANGAN menyunting atau memotong rekaman asli di Raw Footage pada tahap ini. Uji seluruh alur kerja ini menggunakan video demo buatan berdurasi 5 detik. Laporkan hasilnya secara lengkap: apa yang sudah berhasil jalan, apa yang belum atau memiliki keterbatasan, folder yang telah dibuat, dan perintah terminal yang harus gue pakai saat memulai video pertama.
Prompt 2: Perumusan Brand Editing Guide
Gue sudah menaruh 3-5 Reel referensi ke dalam folder References/ atau melampirkannya di chat ini. Bantu gue merumuskan brand editing guide berdasarkan contoh-contoh tersebut.
Periksa dulu semua file yang ada di folder References/. Jika referensinya belum terbaca, rusak, atau belum gue kirim, tolak membuat kesimpulan sepihak dan tanyakan langsung ke gue terlebih dahulu. Tanyakan juga bagian mana yang gue sukai dari masing-masing Reel rujukan: ritme pemotongan (pacing), transisi adegan, gaya caption, palet warna, animasi popup, efek suara, atau pembingkaian wajah (framing). Jika gue punya brand kit, font, logo, atau Sound FX sendiri, prioritaskan dan masukkan aset tersebut ke dalam panduan brand.
Jika ada video rekaman gue yang terdahulu, pelajari juga cara gue berbicara dan kebiasaan menampilkan teks di layar. Pisahkan secara tegas:
(a) Elemen yang memang sudah menjadi keputusan gue,
(b) Elemen yang baru teramati sebagai pola kebiasaan, dan
(c) Elemen yang sekadar usulan baru untuk dicoba.
JANGAN menyalin kalimat atau desain milik kreator lain secara mentah. Jika gue belum menyertakan aset warna atau font spesifik, gunakan nilai placeholder netral dan beri label jelas bahwa token tersebut masih menunggu persetujuan.
Susun aturan penyuntingan menyeluruh yang meliputi:
1. Palet warna utama dan aksen beserta kode hex.
2. Tipografi: jenis font dan hierarki fungsinya (judul, subjudul, caption penjelas).
3. Caption: bentuk container, ukuran teks, posisi vertikal, tingkat kontras, dan pembingkaian aman.
4. Teks pada layar (on-screen text) dan framing pembicara (talking head).
5. Batas area aman (safe zone) aplikasi Instagram Reels dan TikTok agar elemen penting tidak tertutup tombol interaksi.
6. Panduan visual menampilkan rekaman layar (screen recording) dan rekaman pendukung (B-roll).
7. Gaya popup antarmuka (UI mockups), motion spring, emoji, kurasi musik latar, dan efek suara (SFX). Pastikan popup grafis selalu relevan dengan konteks yang sedang dibahas dan tidak menutupi wajah pembicara atau teks caption.
Simpan dokumen aturan lengkap ke dalam:
- brand/BRAND.md: Dokumentasi aturan visual lengkap dan panduan editorial.
- brand/defaults.json: Konfigurasi variabel terstruktur (warna hex, font lokal, padding, durasi transisi) yang akan dibaca oleh komponen Remotion.
- brand/decisions-[tanggal].md: Catatan keputusan dan tanggal persetujuan.
- brand/brand_sheet.pdf: Lembar tinjauan visual PDF yang mudah dibaca, memuat contoh frame, token warna/font, caption, framing, UI/motion, sound design, dan panduan review. Sertakan juga berkas sumber yang dapat diedit serta pratinjau web lokal sederhana. Jika gue melampirkan contoh lembar PDF, adopsi struktur informasinya saja; elemen visualnya harus tetap dirancang khusus untuk brand gue.
Sebelum gaya ini diterapkan pada keseluruhan video panjang, buat beberapa contoh frame statis dan potongan gerak pendek. Tampilkan agar gue bisa menetapkan status: [Keep], [Revise], atau [Drop]. Elemen yang belum gue setujui tidak boleh dijadikan aturan default. Setelah gue memberikan feedback, sinkronkan seluruh isi brand/BRAND.md, brand/defaults.json, lembar PDF, dan halaman pratinjau web lokal agar semuanya selaras.
Prompt 3: Eksekusi Penyuntingan, Review Per Scene, & Render
Footage rekaman untuk proyek [nama-project] sudah gue taruh di folder Raw Footage/ atau gue lampirkan di chat ini. Gunakan brand guide yang telah gue setujui serta skill remotion-reel (hanya jika sudah diaudit dan terpasang) atau gunakan official Remotion agent skills.
Langkah eksekusi:
1. Inventarisasi Seluruh Berkas:
- Periksa brief kerja, aturan brand di brand/defaults.json dan brand/BRAND.md, serta semua file rekaman yang ada: video kamera, rekaman audio mic terpisah, screen recording, B-roll, gambar diam, dan sound effects.
- JANGAN meminta gue mengunggah ulang file yang sudah ada di workspace. Berkas asli di Raw Footage/ wajib tetap disimpan utuh (read-only).
2. Sinkronisasi Audio & Pembersihan Transkrip:
- Jika gue menggunakan mic terpisah, lakukan sinkronisasi audio ke video kamera terlebih dahulu.
- Jalankan transkripsi sesuai ucapan asli gue (termasuk percakapan campur Bahasa Indonesia dan English). Verifikasi istilah teknis atau nama orang yang rawan salah dengar.
- Pilih take rekaman yang paling lengkap. Potong awalan salah (false starts), kata yang terulang tanpa sengaja, dan jeda mati yang membuat video terasa lambat. Pertahankan jeda napas yang wajar agar intonasi tetap enak didengar.
- Buat pemetaan stempel waktu (timestamp mapping) dari rekaman asli ke linimasa editan, agar timing caption kata demi kata tersinkronisasi ulang secara presisi setelah pemotongan jeda.
- JANGAN MEREKAYASA UCAPAN BARU. Jika ada kalimat penting yang terpaksa kamu buang atau kamu ubah posisinya, laporkan secara terbuka kepada gue.
3. Gerbang Persetujuan Hook (10 Detik Pertama):
- Sebelum menyunting keseluruhan video, kirimkan empat hal kepada gue:
(a) Draf transkrip hasil pembersihan (clean cut),
(b) Daftar perubahan dan pemotongan penting,
(c) Daftar kebutuhan rekaman yang masih kurang (jika tidak ada kekurangan, nyatakan secara tegas bahwa footage sudah lengkap),
(d) Pratinjau video 10 detik pertama yang sudah menerapkan gaya brand ke folder Outputs/hook_preview_10s.mp4.
- Minta rekaman layar (screen recording) tambahan HANYA jika bagian tersebut benar-benar memiliki celah informasi yang tidak bisa dijelaskan secara jujur melalui motion graphics. Tunggu konfirmasi feedback gue sebelum melangkah ke adegan berikutnya.
4. Penyuntingan Adegan Lengkap:
- Setelah hook disetujui, lanjutkan penyuntingan linimasa penuh. Sinkronkan teks caption ke kata-kata yang diucapkan (word-level) dan sediakan cara bagi gue untuk memperbaiki ejaan teks secara manual.
- Masukkan elemen grafis pendukung, popup penjelas, efek zoom pada screen recording, musik latar (hanya jika gue pilih/setujui), dan efek suara pada momen yang tepat.
- Jangan membuat rekaman video gepeng atau terdistorsi rasio aspeknya. Tangkapan layar materi penting harus tetap terbaca utuh.
- Popup visual dilarang keras menutupi wajah pembicara atau teks caption utama, dan volume efek suara harus selalu lebih rendah dari suara vokal gue.
5. Review Modular Per Adegan:
- Sediakan halaman pratinjau lokal di mana gue bisa meninjau video adegan demi adegan, mengecek stempel waktu, memberi catatan revisi, dan menetapkan status: [Approve], [Revise], atau [Remove].
- Adegan yang sudah diberi status [Approve] terkunci dari perubahan otomatis berikutnya kecuali gue meminta dibuka secara eksplisit.
- Jika satu adegan diberi status [Remove], KELUARKAN KEDUA ELEMEN (video DAN audionya) dari linimasa.
- Kumpulkan catatan revisi dari gue, periksa bagian yang mengalami perubahan, dan perbarui pratinjau keseluruhan.
6. Pemeriksaan Kualitas Akhir & Render:
- Sebelum render final, jalankan pemeriksaan tipe data proyek via "npx tsc --noEmit" (ini memvalidasi tipe TypeScript secara terpisah sebelum proses render). Pastikan sinkronisasi timing caption presisi, potongan adegan rapi tanpa frame glitch/hitam, tata letak teks aman dari tumpukan UI ponsel vertikal (safe zone), resolusi 1080 x 1920 pada 30 fps, dan level audio vokal tidak mengalami clipping.
- Sadari keterbatasan pemeriksaan otomatis: tonton hasil render secara menyeluruh untuk memastikan artikulasi gerak bibir dan ekspresi wajah terasa natural. Jika ada aspek yang belum bisa dipastikan otomatis, sampaikan kepada gue.
- Lakukan render final MP4 ke folder Outputs/ menggunakan perintah render resmi Remotion setelah seluruh adegan yang digunakan berstatus [Approve].
- Seluruh berkas mentah di folder Raw Footage/ DILARANG DIHAPUS sampai gue memberikan instruksi pembersihan terpisah.
[!NOTE] Perkakas Review Kustom: Fitur tombol review per adegan, pencatatan komentar berstempel waktu, dan sistem penguncian adegan (scene locking) adalah instruksi perkakas kustom yang dibangun oleh coding agent di atas proyek (misalnya melalui antarmuka web lokal sederhana atau file state JSON), bukan fitur bawaan native dari Remotion Studio.
6. Skenario Praktis & Penanganan Masalah Nyata
Berikut skenario contoh fiktif (alur kerja di bawah belum dijalankan atau dieksekusi di sini) untuk menggambarkan bagaimana kolaborasi dengan coding agent berjalan pada produksi video tutorial 40 detik:
- Inventaris Rekaman Awal:
Raw Footage/cam_20261107.mp4(video pembicara 1080p 60fps)Raw Footage/mic_wireless.wav(rekaman audio vokal 48kHz dari mic terpisah)Raw Footage/screen_terminal.mp4(rekaman demonstrasi terminal)
Pengujian Drift Audio via FFmpeg
Informasi durasi di metadata container sering kali menipu karena perbedaan clock hardware audio interface. Coding agent menjalankan ffprobe untuk membaca parameter stream audio dari jalur relatif folder kerja:
# Periksa sample rate, jumlah kanal, dan durasi audio dari working directory
ffprobe -v error -show_entries stream=sample_rate,channels,duration -of json "Raw Footage/mic_wireless.wav"
ffprobe -v error -select_streams a:0 -show_entries stream=sample_rate,channels,duration -of json "Raw Footage/cam_20261107.mp4"
Setelah metadata terbaca, editor atau agen melakukan perbandingan manual bentuk gelombang audio di awal (misalnya detik ke-2) dan di akhir rekaman (detik ke-38). Jika ditemukan pergeseran sinkronisasi (drift) misalnya sebesar +120 milidetik pada akhir video, solusinya adalah memecah klip per segmen adegan (scene-based realignment) atau menyesuaikan offset jeda, bukan dengan meregangkan frekuensi audio (pitch stretching) yang membuat suara terdengar tidak natural.
Memberikan Feedback Spesifik Berstempel Waktu
Keberhasilan kolaborasi dengan coding agent sangat ditentukan oleh instruksi spesifik berstempel waktu, bukan arahan subjektif:
Contoh Catatan Revisi Efektif:
“Pada timestamp 00:04.150 saat saya mengucapkan ‘perintah git’, popup terminal menutupi teks caption. Geser posisi popup ke atas (top: 280px) dan gunakan transisi spring lembut. Pada transkrip detik 00:07.800, koreksi kata ‘bebas’ yang salah terdeteksi menjadi ‘rebase’.”
Agen akan memperbarui konfigurasi di komponen terkait (misalnya remotion-project/src/scenes/HookScene.tsx), memperbaiki data transkrip JSON, dan merender ulang pratinjau 10 detik tanpa mengubah adegan lain yang telah dikunci.
Membuka Studio & Mengeksekusi Render
Untuk meninjau komposisi video di peramban secara interaktif, jalankan perintah resmi:
cd remotion-project
npx remotion studio
Setelah seluruh adegan berstatus Approve pada lembar review, lakukan validasi tipe data TypeScript dan eksekusi render final:
# 1. Pastikan tidak ada galat tipe data TypeScript
npx tsc --noEmit
# 2. Render MP4 H.264 ke folder Outputs
# Catatan: "src/index.ts" dan ID komposisi "MainReel" di bawah ini adalah placeholder contoh.
# Sesuaikan argumen tersebut dengan berkas entri dan ID komposisi yang didaftarkan oleh agen Anda.
npx remotion render src/index.ts MainReel ../Outputs/tips_coding_cepat_final.mp4
Tabel Penanganan Kendala Teknis (Troubleshooting)
| Gejala Kendala | Penyebab Umum | Usulan Perbaikan |
|---|---|---|
| Audio Drift (+100ms di akhir) | Perbedaan clock hardware mic terpisah dan kamera | Pecah rekaman per adegan (scene realignment); sinkronkan offset audio di awal setiap segmen, jangan ubah pitch suara. |
| Whisper Salah Tangkap Istilah | Model salah dengar istilah teknis / slang lokal | Sunting langsung teks pada berkas JSON/SRT transkrip; pastikan menggunakan model multilingual non-.en. |
| Glitch atau Layar Hitam | Rentang frame komponen Sequence melampaui aset | Periksa nilai from dan durationInFrames pada komponen adegan; pastikan durasi frame sesuai panjang file video proxy. |
| Caption Tertutup UI Medsos | Teks ditempatkan di luar batas safe zone ponsel | Angka safe zone (15% atas, 20% bawah, 15% kanan) adalah patokan awal ilustratif, bukan batas universal baku. Uji tata letak pada UI platform target sesungguhnya dan sesuaikan nilai margin pada brand/defaults.json. |
| Audio Clipping / Distorsi | Gain mic terlalu tinggi atau tumpukan SFX | Jika rekaman mentah asli sudah clipping digital saat direkam, menurunkan volume di software tidak dapat memulihkan distorsi audio. Jika clipping timbul akibat tumpukan SFX/musik, turunkan gain vokal agar true peak berada di bawah -1.0 dBTP dan targetkan rentang praktis ilustratif -14 LUFS hingga -16 LUFS (angka ini pedoman teknis umum, bukan garansi kepatuhan otomatis platform); gunakan audio ducking saat musik latar aktif. |
7. Rangkuman Sumber Daya & Tautan Terkait
- Catatan Alur Kerja Asli:
Notion @itsaddie.hd: Cara gue edit Reels pakai AI + Remotion - 3 prompts
(Sumber mencatat atribusi fondasi keahlian merujuk Michael Ly / millee.md). - Dokumentasi Engine & Skill Resmi:
- Pustaka Pemrosesan Media:
