熱點事件持續更新
五個位置 AI 影片選人介面示例
1 篇報道1 個報道來源3 小時前更新
先了解這件事
AI 綜述
2026 年 11 月 3 日，DEV Community 刊出一篇前端示例，介紹如何為五個固定位置的 AI 影片建立選人介面：用戶點選畫面位置，將相片指定給相應角色。示例以正規化座標設定熱點，確保觸控目標至少為 44px，並以實際按鈕支援鍵盤操作及螢幕閲讀器。付款前，介面會驗證圖片格式及 10 MB 上限，並列出尚未填寫的位置。報道亦附上 `node --test spots.test.mjs` 測試命令，所列 6 項測試全部通過。
AI 根據報道生成 · 3 小時前更新
最新進展11月3日 12:20
示例的 6 項測試全部通過，並具備付款前圖片驗證及未填位置提示。報道時間線
沿着報道，瞭解事件的不同側面。
11月3日
- DEV Community如何為五個位置的 AI 影片建立「點選座位」選人介面：正規化熱點、44px 目標與鍵盤順序（附測試 JS）
作者為五個固定位置的 AI 影片編寫前端選人示例，用戶可點選畫面位置，把相片指定給相應角色。示例以正規化座標定義熱點，確保觸控目標至少 44px，並以實際按鈕支援鍵盤操作和螢幕閲讀器。它亦在付款前驗證圖片格式及 10 MB 上限，列出未填位置；`node --test spots.test.mjs` 的 6 項測試全部通過。
本事件熱度走勢
當前熱度 9·可比範圍峯值 10（11月3日 13:00）·近 24 小時可比範圍變化 –
趨勢僅比較持續完整觀測到的相同主體，範圍可能小於當前熱度統計。移動指針或點擊圖表查看每小時熱度；鍵盤可用左右方向鍵切換。