SuperAPI AI 工具集

countdown-video

设计与创作

查看项目

更新于 10-15 22:16

技能介绍

用途:制作倒计时视频与实时网页计时器,覆盖直播“即将开始/马上回来”画面、发布与闪购倒计时、以及需要数字在精确帧归零的动画计数器。

主要能力:以权威时钟推导剩余时间——Remotion 渲染用 useCurrentFrame(),网页用 performance.now() 或 Date.now(),固定日期目标用 targetTimestamp − Date.now();每帧重算而非存状态递减,避免 setInterval 漂移。提供 mm:ss、hh:mm:ss、dd:hh:mm:ss 格式化与补零,建议 tabular-nums 防抖动;含数字滚轮/翻牌过渡与无缝循环背景思路。

使用方式:倒计时以 Remotion 组合交付(Composition + zod schema + defaultProps,durationInSeconds 为 prop),设 durationInFrames = durationInSeconds × fps。用 npx remotion still 渲染首/中/末帧核对数字,npx remotion render 输出 MP4,可选 --codec=gif 生成 GIF;scripts/contact-sheet.sh 拼图、scripts/probe-mp4.sh 校验编码。默认 9:16 竖屏 1080×1920。

适用场景:直播等待页、限时促销、产品发布、多日倒计时。

限制:须保持帧驱动,禁用 setInterval/Date.now()/Math.random() 作为计时来源;需核对末帧精确归零与安全区;具体收费、平台支持等资料暂未提供。