Framefields: membuat video dengan kode TypeScript

Framefields adalah pustaka sumber terbuka untuk membuat video dengan kode TypeScript. Pengembang dan kreator dapat menyusun komposisi, memeriksa frame, lalu mengekspor video. Panduan keterampilan untuk agen pemrograman membantu menulis dan memperbaiki proyek yang tetap bisa diedit.

Penjelasan sederhana: situs ini digunakan untuk apa?

Situsnya menjadi pintu masuk ke mesin video dan dokumentasi. Bayangkan intro produk dengan judul bergerak, grafik yang tumbuh, dan objek berputar. Kode menjelaskan posisi serta waktunya; Framefields menghasilkan frame dan berkas video. Anda bisa menulis sendiri atau meminta bantuan agen. Tetap diperlukan proyek dan lingkungan kerja, jadi halaman utamanya bukan editor online yang langsung membuat film dari satu isian.

Gabungkan teks, efek, 3D, dan suara

Teks vektor, animasi per karakter, dan tata letak fleksibel membantu membuat judul serta penjelasan visual. Lapisan gambar dan video mendukung koreksi warna, blur, grain, LUT, mask, dan transisi. Kamera, pencahayaan, material, serta model 3D impor dapat berada dalam komposisi yang sama dengan elemen 2D.

Grafik data, berkas Lottie, jalur audio, dan efek suara prosedural menambah pilihan produksi. Sinyal audio dapat menggerakkan properti visual. Komponen ini cocok untuk demo dan format berulang, tetapi Anda masih perlu menyediakan aset, pengarahan visual, dan waktu gerak yang sesuai.

Membuat MP4 pertama secara bertahap

1. Ikuti panduan mulai resmi untuk Node.js 22 atau lebih baru, modul ES, dan backend grafis yang sesuai. Atur persetujuan skrip dependensi native sebagaimana dijelaskan sebelum instalasi.
2. Tambahkan keterampilan agen bila diperlukan. Berikan teks, durasi, rasio layar, berkas yang tersedia, dan hasil yang diharapkan.
3. Pisahkan tema, komposisi, dan skrip render. Daftarkan berkas font asli dan pastikan aset Git LFS telah diunduh sepenuhnya.
4. Periksa tipe, beberapa frame PNG, kemudian kisi frame. Tonton pratinjau lokal dengan suara dan tambahkan catatan pada gambar.
5. Ekspor MP4 dengan QA aktif, periksa temuannya, lalu putar berkas akhir sebelum diserahkan.

Pratinjau mendukung penelusuran waktu dan perpindahan frame satu per satu. Ini membantu menemukan tulisan sulit dibaca atau transisi yang kurang tepat sebelum render penuh.

Perangkat dan batas analisis visual

Render native memakai WebGPU tanpa rangkaian screenshot Chromium. Backend yang kompatibel tetap dibutuhkan; render berbasis perangkat lunak tersedia dalam konfigurasi tertentu dan lebih lambat. Proyek masih beta, sehingga versi sebaiknya dikunci dan diuji dengan adegan nyata. Worker opsional dapat dipasang di infrastruktur sendiri untuk merender proyek Git dan mengunggah hasilnya.

Model ONNX lokal menyediakan deteksi objek, segmentasi, dan estimasi pose untuk mengikuti atau memisahkan subjek. Jalur withVision membaca frame render sebelumnya; frame nol belum memiliki hasil. Periksa frame berurutan atau video akhir, bukan hanya kisi dengan waktu berjauhan. Lihat panduan vision.

Lisensi, biaya, dan pemrosesan data

Diperiksa pada 21 Oktober 2026: paket memakai Apache-2.0. Biaya agen AI, perangkat, komputasi, penyimpanan, dan lisensi media terpisah. Harga umum layanan render terkelola maupun jatah gratis bulanan belum terverifikasi.

Model diunduh saat pertama digunakan dan disimpan dalam cache lokal. Keterampilan agen berupa instruksi dan tidak mengirim data sendiri. Pernyataan ini tidak mencakup kebijakan agen eksternal atau server tempat Anda menjalankan proyek.

Pertanyaan umum

Apakah agen bisa menulis videonya?

Bisa membantu menyusun dan mengubah TypeScript lewat keterampilan resmi. Lingkungan kerja, aset, dan pemeriksaan visual tetap diperlukan.

Hasil apa yang bisa diperiksa?

Alur dokumentasi menyediakan PNG, kisi frame, pratinjau lokal, dan MP4. Tonton ekspor dengan suara untuk memastikan hasilnya layak dikirim.

Apakah sumber terbuka berarti semua biaya hilang?

Tidak. Pustaka tidak mencakup langganan AI, hosting, perangkat, atau hak penggunaan font, musik, dan rekaman yang Anda masukkan.

Sumber resmi dan komunitas

• Keterampilan untuk agen: instalasi dan proses kerja.
• Repositori GitHub: kode, contoh, dan laporan masalah.
• Discord resmi: diskusi komunitas.
• Kanal Gatewai: film contoh.