Framefields: TypeScript ile koddan video oluşturma

Framefields, kod ile video oluşturmak isteyen geliştiriciler ve kodlama ajanlarıyla çalışan içerik üreticileri için açık kaynaklı bir kütüphanedir. TypeScript kompozisyonları, animasyon, görsel birleştirme ve GPU render işlemlerini aynı projede toplar. Film düzenlenebilir kaynak dosyalardan yeniden üretilebilir.

Basitçe: bu site ne işe yarıyor?

Site, video motoruna ve kullanım belgelerine ulaşmanızı sağlar. Bir ürün tanıtımında başlığın ekrana girmesini, grafiğin büyümesini ve bir nesnenin dönmesini düşünün. Kod, bu öğelerin konumlarını ve zamanlarını belirler; Framefields kareleri ve video dosyasını oluşturur. Kodu kendiniz yazabilir veya bir ajandan yardım alabilirsiniz. Bunun için çalışma ortamı gerekir; ana sayfa tek başına hazır bir çevrimiçi video düzenleyici değildir.

Başlamadan önce gerekenler

Node.js 22 veya üzeri, ES modülleri kullanan bir proje ve uyumlu grafik altyapısı gerekir. Yerel WebGPU render yolu, Chromium ekran görüntüsü zincirine ihtiyaç duymaz. Desteklenen ortamlarda yazılımsal render da mümkündür ancak daha yavaştır. Proje beta durumundadır; paket sürümünü sabitlemek ve gerçek bir sahne denemek yararlıdır.

İsteğe bağlı render worker, Git deposundaki bir projeyi kendi altyapınızda işleyip çıktıları depolamaya gönderebilir. Bu, ayrıca kurulması gereken bir sunucu akışıdır; doğrulanmış ücretsiz bulut kotası anlamına gelmez.

Metin, efektler ve 3D sahneler

Vektör yazı, karakter bazlı animasyon ve esnek yerleşimler başlıklar için kullanılabilir. Görsel ve video katmanlarına renk düzenleme, bulanıklık, gren, LUT, maske ve geçişler eklenebilir. Kamera, ışık, malzeme ve içe aktarılan 3D modeller, 2D öğelerle aynı kompozisyonda bulunabilir.

Grafikler, Lottie dosyaları, ses katmanları ve prosedürel ses efektleri de desteklenir. Sesten türetilen sinyaller görsel özellikleri hareketlendirebilir. Motor yapı taşlarını sağlar; uygun medya, anlatım ve zamanlama yine projenin sorumluluğundadır.

İlk videoyu üretip kontrol etme

1. Resmî başlangıç rehberini izleyerek ortamı hazırlayın. Kurulumdan önce belirtilen yerel bağımlılık betiğine gereken izni verin.
2. Ajan kullanacaksanız resmî becerileri ekleyin. Metin, süre, en boy oranı, dosyalar ve çıktı beklentisini açıkça yazın.
3. Tema, kompozisyon ve render betiğini ayırın. Gerçek font dosyalarını kaydedin ve Git LFS medyasının tamamen indirilmiş olduğunu doğrulayın.
4. Tür denetimi, seçilmiş PNG kareler ve kare ızgarasıyla kontrol yapın. Yerel önizlemede sesi dinleyin, hareketi izleyin ve görüntüye not bırakın.
5. QA açıkken MP4 dışa aktarın; raporu ve son dosyanın oynatılmasını kontrol edin.

Yerel görsel analiz, lisans ve veri sınırları

ONNX modelleri nesne algılama, segmentasyon ve poz tahmini sağlar. Bir etiketi özneye bağlamak veya kişiyi arka plandan ayırmak için kullanılabilir. withVision önceki render karesini okur; sıfırıncı karede sonuç yoktur. Bu akışı ardışık kareler veya çıktı videosuyla doğrulayın. Ayrıntılar vision rehberindedir.

21 Ekim 2026 kontrolünde paket Apache-2.0 lisanslıdır. AI aboneliği, işlem gücü, depolama ve medya lisansları ayrı değerlendirilmelidir. Genel bir barındırılmış hizmet fiyatı doğrulanmadı.

Modeller ilk kullanımda indirilir ve yerel önbelleğe alınır. Ajan becerileri yalnızca yönergedir ve kendileri veri göndermez. Bu açıklama seçtiğiniz dış AI hizmetinin veya render sunucusunun veri politikasını kapsamaz.

Sık sorulan sorular

Kodun tamamını kendim mi yazmalıyım?

Resmî beceriler, ajanın TypeScript yazmasına ve düzeltmesine yardımcı olur. Ortamı ve dosyaları hazırlamak, çıktıyı değerlendirmek yine gerekir.

Çıktıyı nasıl inceleyebilirim?

PNG kareler, kare ızgaraları, sesli yerel önizleme ve MP4 dışa aktarma belgelenmiştir. Son dosyada okunabilirliği ve ses zamanlamasını kontrol edin.

Açık kaynak olması tüm maliyeti kaldırır mı?

Hayır. Haricî AI, donanım, sunucu ve kullandığınız medya için ayrı maliyetler veya lisans koşulları olabilir.

Resmî kaynaklar

• Ajan becerileri: kurulum ve çalışma döngüsü.
• GitHub deposu: kaynak, örnekler ve hata kayıtları.
• Resmî Discord: topluluk.
• Gatewai kanalı: örnek filmler.