Çalışma Yaklaşımı
Remotion Markup kompozisyon yazımına odaklanır: kompozisyonun kare hızından türetilen zamanlama, geçerli kareyle yürütülen animasyon ve video zaman çizelgesine katılan medya öğeleri. Kaynak, sıradan CSS geçişlerinin ve animasyon sınıflarının kare tabanlı render'ın yerine geçmediği konusunda açıkça uyarır.
Altyazılardan haritalara, metin ölçümünden efektlere ve sese kadar daha özel işler için de bir referans merkezidir. Somut değeri temel sözleşmede yatar: zamanlamayı yazılan öğenin yakınında tutmak, bağımsız düzenleme hedeflerini korumak ve her görseli rastgele bir DOM sarmalayıcısı saymak yerine uygun medya veya efekt bileşenini kullanmak.
Beklenen Çıktılar
- Kare tabanlı React kompozisyon işaretlemesi
- Açık zamanlama ve varlık referansları içeren medya katmanları
- Desteklenen efekt ve düzenleme yapılarıyla önizlenebilir bir sahne
Brief'ten İncelemeye
- 01Kompozisyon Ayarlarını Oku
Saniyeden kareye hesaplarında mevcut kare hızını kullanın; amaçlanan süreyi ve boyutları koruyun.
- 02Zamanlı Katmanları Yaz
Bağımsız olarak düzenlenebilen medya ve sahneleri ayrı JSX düğümlerinde tutun; zamanlamayı bunu destekleyen bileşenlere doğrudan verin. İncelenen kaynak ayrıca, iç içe öğeler dahil, desteklenen zamanlı bileşenlerde premountFor={fps} ile bir saniyelik ön bağlama ister; uygulamadan önce kurulu API sürümünü kontrol edin.
- 03Hareket ve Efekt Ekle
Hareketi geçerli kare interpolasyonuyla yönlendirin. Özel efektleri ilgili referans ve uyumlu bileşen üzerinden kullanın.
- 04Video Karelerini İncele
Metin taşması, medya hazırlığı ve zamanlama için Studio oynatmasını ve temsilî render edilmiş kareleri inceleyin.