superpollo02/educai-hyperframes-video-render

使用 HyperFrames 製作 EdTech 與 Moodle 影片

當需要建立、結構化或渲染教育科技影片、Moodle 教學、SCORM 示範或線上課程宣傳時，使用此技能。

關鍵不變規則

1. 節奏與導航：
   • 在逐步教學中提供持續的步驟進度條（.step-bar，包含 active 與 completed 狀態）。
   • 使用動畫化的虛擬游標（#virtual-cursor）搭配放大的點擊漣漪環，引導觀眾視線。
2. 版面與遮蔽指令：
   • 對於模擬的拖放或圖章疊加層，務必添加 data-layout-allow-overlap="true" 與 data-layout-allow-occlusion="true"，以防止無頭佈局檢查拒絕。
3. 混音：
   • 背景音樂必須降低音量或設定為低音量（data-volume="0.15" 至 "0.25"），為旁白保留動態餘裕。
   • 同步觸覺音效：按鈕點擊聲、場景切換的嗖聲、正確答案/反饋的鈴聲，以及 Gradebook 同步的通知聲。