狀態指示

音訊波形

以程式繪製長條波形,呈現受控的節奏脈動。

即時預覽
Canvas 場景1920 × 1080 預覽8 秒循環24 fps 預覽

總覽

音樂視覺、語音片段、Podcast 圖像與音訊狀態指示。

這是可實際編輯的 Mografy 專案。上方循環影片直接由元件的 Canvas 場景匯出,封面則使用專案產生的縮圖。

動態模式

長條高度由確定性波形函式取樣,讓時間軸跳轉後仍保持相同節奏。

時間控制

以絕對時間驅動動畫

算圖方式

確定性 Canvas 算圖

編輯方式

場景參數

開啟元件

在 Mografy 儲存庫根目錄執行元件專案。

終端機
mografy dev ./projects/.components/audio-wave

播放器會開啟場景,並提供可編輯參數、時間軸、效果、音訊控制與匯出視窗。

改寫場景

  1. 開啟元件,拖曳時間軸檢視完整的 8 秒循環。
  2. 保留適合故事的時間節奏,再於場景模組中替換文案、顏色與版面。
  3. 請 Claude 或 Codex 檢查場景、審閱影格,並依預定輸出尺寸調整成品。
  4. 從同一個已審閱的場景匯出 MP4、WebM、Lottie 或 SVGA。

維持場景的確定性。 透過傳入的時間值與帶有種子的輔助函式計算動態,讓預覽、時間軸跳轉與匯出保持一致。

專案檔案

  • scenes/main.ts播放器使用的場景進入點。
  • scenes/audio-wave.ts具名元件場景與其繪圖邏輯。
  • mografy.json專案設定、字型、參數、預設算圖設定與審閱時間點。