pellicule

Pellicule 是一個強大的引擎，專為想要使用 Vue 生態系統以程式化方式建立影片內容的開發者所設計。透過將影片視為一系列影格而非基於時間軸的流程，Pellicule 確保了確定性的渲染結果，這意味著相同的 Vue 組件永遠會輸出完全相同的視覺影格。這使其成為生成動態社交媒體素材、資料視覺化、自動化行銷影片或程式化影片開場的理想工具，且無需手動操作非線性編輯軟體。

它透過利用 Vite 進行打包、Playwright 進行無頭瀏覽器影格擷取，以及 FFmpeg 進行高品質影片編碼來運作。無論您是在獨立專案中建立組件，還是將其整合至現有的 Nuxt、Quasar 或 Laravel 應用程式中，Pellicule 都透過標準的 Vue 反應性、組合式函式與樣式技巧，提供熟悉的開發體驗。

• 確定性渲染引擎，確保每次執行皆能獲得一致的輸出。

• 與 Vue 3 以及 CSS、字型、SVG 等標準網頁技術完美整合。

• 豐富的動畫工具庫，包括用於數值映射的 interpolate、用於場景管理的 sequence，以及用於自然運動的緩動函式。

• 內建如 useFrame 和 useVideoConfig 的組合式函式，用於將組件與渲染週期同步。

• 用於零配置渲染與自動化管道整合的無頭 CLI 介面。

• 可靈活定義影片長度、影格率與尺寸。

• 推薦給熟悉 Vue 的前端開發者，特別是需要自動化視覺內容建立的場景。

• 應避免使用非確定性的瀏覽器 API，如 Date.now()、Math.random() 或非同步計時器；所有動畫必須從提供的影格索引衍生。

• 確保環境中已安裝 FFmpeg，因為它是最終影片編碼過程的必要元件。

• 在您的影片組件內使用 defineVideoConfig 巨集來進行本地設定覆蓋。

• 非常適合動態標題、程式化資料驅動的影片報告以及模組化動態設計系統。