Internal Tool
PEAKSTW 教學影片工作台
8 支教學影片 + 7 支社群短片的製作進度總覽。 使用 HyperFrames (HTML-to-Video) 管線產出，嵌入 /support 頁面與社群發佈。
3/8 已完成
總時長 7m 5s涵蓋 28 題 FAQ
教學影片(16:9 橫式)
🚀
草稿1. 快速入門
入門指南
下載、登入、功能總覽、三平台同步、定價方案
65s5 FAQ
尚無檔案📝
草稿4. 入山申請
Permit Guide
入園證 vs 入山證、自動判斷所需證件、申請草稿一鍵複製
65s4 FAQ
尚無檔案📡
草稿5. 離線/GPX
Offline & GPX
離線打卡、離線地圖下載、1,100+ GPX 路線、軌跡記錄
65s4 FAQ
尚無檔案👤
草稿6. 帳號管理
Account & Plans
資料安全、多次登頂、三種方案、排行榜防作弊、刪除帳號
60s6 FAQ
尚無檔案🗺️
草稿7. 迷霧地圖+成就
Fog Map & Achievements
迷霧解鎖、40+ 成就、登頂證書、排行榜、個人統計
45sbonus
尚無檔案#1第一次爬百岳
15s草稿
#2家人擔心
15s草稿
#3留守確認
15s草稿
#4入山證
15s草稿
#5沒訊號
15s草稿
#6紀錄遺失
15s草稿
#7迷霧地圖
15s草稿
通用結構
痛點開場 2s→3 步驟展示 10s→CTA 3s
製作管線
HyperFrames
HTML/CSS/GSAP → 逐幀渲染 PNG 序列
GSAP Timeline
精確控制動畫時序、字幕淡入淡出
FFmpeg
PNG 序列 → MP4 (H.264)，加入背景音樂
輸出規格：16:9 橫式 (Web 嵌入) + 9:16 直式 (社群) · 中文字幕 · 無人聲 · 深色系 UI + 翡翠綠 (#10b981)