SuperAPI AI 工具集

showcase

设计与创作

查看项目

更新于 10-15 21:40

技能介绍

用途:Showcase 是 droid-control 工作流中的视觉润色系统,用于为视频添加电影感的窗口边框、动画和品牌化配色。它由 compose 原子调用,不建议直接单独调用;当需要了解各预设外观和电影层如何工作时可加载它。

主要能力:视频外观由所选预设和传入的 props 决定,其余效果自动完成。预设配置窗口边框、留白、背景风格与调色板。可选预设包括 factory(暖黑背景配琥珀色径向光晕、红绿灯圆点、12px 圆角、宽留白,适合官方 Factory 内容)、factory-hero(在 factory 基础上加渐变背景,适合落地页与社交媒体)、hero(冷色渐变背景、大留白、明显阴影,适合非 Factory 营销)、macos(干净深色背景、红绿灯、细微阴影,适合通用演示)、presentation(黑背景、宽留白,适合幻灯片)、minimal(无窗口栏、极小圆角、紧凑留白,适合文档嵌入)。

各预设自动包含浮动粒子、噪点纹理叠加、调色、标题到内容的运动模糊转场、窗口入场动画、面板错峰入场,以及可选的 syntax-highlighted codeAnnotations 覆盖。factory 系列使用暖色 Factory 调色板(bg #0a0804、accent #EE6018 等),其余使用冷色 Catppuccin 调色板(bg #0d1117、accent #89b4fa 等)。

使用方式:需从 compose 使用渲染脚本,资料给出命令示例:RENDER=${DROID_PLUGIN_ROOT}/scripts/render-showcase.sh,并以 --props 传入 props.json、--output 指定 showcase.mp4 和输入 clip.mp4。前置条件为 Node.js >= 18、Chrome/Chromium、ffmpeg 和 ffprobe,并执行 cd ${DROID_PLUGIN_ROOT}/remotion && npm install。

限制:30-60 秒 1920x1080 视频渲染约需 1-3 分钟,worker 超时建议设为 5 分钟。不要直接运行 npx remotion render。若内容被截断或面板提前冻结,应裁切或重录素材,而非修改 clipDuration。首次渲染失败可检查 npm 依赖。另有一个 GlitchTitle 组件,但未接入默认 Showcase 组合,需自定义 Remotion 组合才可使用。