テンプレートセンター更新日 2026年11月4日

青柠口播版 46场景动效模板

イノベーション

荧光绿+深绿竖屏口播动效模板：46个场景（含5个口播专用新场景），每个场景都预留随动效移动的圆角真人口播位，重点句可全屏。按SRT时间轴配置场景，自带转场与音效，1080×1920 60fps。

共有
完全テンプレート

統一されたスタイルのアニメーション部品を組み合わせ、コンテンツに合わせて動画全体を制作できます。

PREVIEWdefault1080×1920 · 60fps
Free template

Free download. Open source. Make it yours.

Free to download, with no top-up required. Reuse and customize it: replace text, images and audio, and adjust visuals and animation.

  • Free assets and musicImage, video and sticker search plus 1,000+ music tracks your AI assistant can match.Asset guide →
  • Optional generationImage, voice and video generation are optional and billed separately.Creator API →
  • First time?Follow the tutorial from template to finished video.Open tutorial →

Template code follows the license on this page; fonts, images and music keep their own licenses. Free asset services have a daily allowance.

テンプレート紹介

荧光绿与深绿渐变、流动大字、漂浮表格、人物轨道、财务卡片和仪表盘。包含 21个参考逻辑重建场景＋20个原创扩展，当前默认演示 126.35秒、1080×1920、9:16、60fps。场景由Canvas2D矢量几何和文字绘制，不以原片或截图作为背景。

先看和挑场景

node scripts/gallery.mjs

打开 http://127.0.0.1:8035/gallery.html，查看缩略图、播放单场并复制配置。发布预览在 renders/preview-10s.mp4，完整场景演示在 renders/showcase.mp4。publish/简介.md 提供中英文标题、简介和截图文案。docs/reference-analysis.md 是全片拆解，docs/generation-prompt-10s.txt 是可直接粘贴的10秒生成提示词。

套用自己的内容

在工作副本中编辑 template-config.json：改品牌，挑场景，再给每场设置标题、标签、数据和时长。省略 scenes 时使用全部41场，片尾CTA留在最后。日常口播插入建议每个意思3–5秒；10秒展示预览可以缩短场景，但它不是把完整41场全部压进10秒。

{
  "version": "1.0.0",
  "brand": {"name": "你的品牌"},
  "scenes": [
    {"id":"e02","duration":4,"headline":"先读懂每一笔","labels":["你的票据","信息已提取","核对完成"]},
    {"id":"r10-income","duration":4,"headline":"看清收入来源","data":{"labels":["项目A","项目B","项目C"],"values":["+$12,000","+$8,000","+$6,000"]}},
    {"id":"e12","duration":4,"headline":"让流程接着向前","labels":["触发","处理","完成","流程自动向前"]}
  ],
  "audio": {"enabled":true,"musicVolume":0.13,"sfxVolume":0.5}
}

构建新实例并导出，保留默认演示：

node scripts/build.mjs --config template-config.json --dir instances/my-video
node scripts/render.mjs --dir instances/my-video --output renders/my-video.mp4

渲染脚本先为该实例生成外部声音，再用已安装的HyperFrames捕获画面，最后通过FFmpeg显式合并AAC音轨。运行环境需要Node.js22+、HyperFrames0.9.0、Chromium、FFmpeg/ffprobe、Python3与NumPy；工程运行不调用在线生成API。依赖安装完成后字体、代码、音乐与音效均来自本地。

可以改什么

  • 品牌名称、标题、副标题、短标签、场景选择、顺序和时长；主标题≤44字符，长句请拆场。
  • 六个基础主题色为HEX：lime/neon/forest/ink/paper/muted。背景光斑与部分UI状态色保留设计绿系，换基础色不构成全画面的任意换肤。
  • r10/r11/r12 卡片支持相应的 data.title/labels/values/value/client/item。r07/r14/r15/r21仪表盘支持 data.income/expenses/netProfit/pending。r19支持 data.price。不包含相应UI的场景不会凭空显示这些字段。
  • 音乐和音效增益可调，audio.enabled=false会生成静音音轨。默认底乐为新写的104BPM合成电子氛围，动作音效独立列出来源；没有使用参考视频音轨。

brand.tagline是预留字段，当前请通过各场 subline 显示副标题。此版本未加入真人视频窗、自动ASR、自动抠像、视频停顿剪除或独立字幕轨。需要口播嵌入时，可将渲染出的图形段作为剪辑素材，或另行扩展工程。

固定实例与 MotionGit

本包的标准入口是 index.html，声明 html-canvas/1：window.renderFrame(integerFrame, inputs) 以 t=frame/60绘制，window.motionDuration与当前实例时长一致。入口不含音视频标签和Web Audio；声音必须作为明确的外部文件交给宿主，例如在原生宿主提供的渲染命令中绑定 --music assets/audio/soundtrack.mp3。

默认发布实例固定为126.35秒。改场景顺序/时长后，要先构建新固定实例并重新生成对应音轨，不能只改参数后仍声明旧时长。最多600秒/36000帧；具体宿主的依赖和命令以其经过验证的个人下载入口为准。作者本地导出、包结构检查、网站审核和真实个人下载验收是不同步骤；实际完成情况写在 REVIEW.md。

文字和UI以Canvas代码和JSON参数编辑；HyperFrames可以预览和捕获，不能把每一个Canvas图形当作独立DOM对象拖动。

Show 1 more sections

场景与交付目录

scene-library.json列出全部41场。lib/reference.js维护参考组，lib/extras.js维护20个原创扩展，lib/kit.js维护字体、卡片、图标与仪表盘。presets/preview-10s.json是独立10秒展示，presets/parameter-test.json是改文案示例。

.motion打包使用 scripts/package.mjs，需传入当前官方作者工具路径；它只在本地暂存、扫描、打包和检查，不上传。打包排除原片、analysis抽帧、私人路径、缓存、日志和依赖目录。代码与第三方字体/GSAP/音效的许可分开记录，见 asset-manifest.json 和 licenses/。

---

口播版扩展（green-ecosystem-presenter 1.0.0）

来源：本包基于作者自己的「青柠生态 · 41场景 SaaS 动效模板」(green-ecosystem-41 v1.0.0) 修改，保留原配色、字体、缓动、转场与音效。上文“未加入真人视频窗”的说明适用于原版；口播版已加入以下能力：

  • 口播位（lib/slot.js）：每场内容缩放进上方舞台，下方预留圆角口播框，位置/尺寸随场景动画移动并在切场时缓动过渡。每场 slot 参数：mode(frame/full)、side(left/center/right)、size(m/s/w/t)、border(auto/lime/neon/forest/white)、radius、drift(up/down)、src(内容取景窗口[y0,y1])。构建时输出 slots.json（每帧 x,y,w,h,full,sceneIndex,radius）。
  • 5个新场景：c01 下载文件、c02 素材丢给AI、c03 截图证明（配合 image）、c04 每周更新、c05 粉丝群领取。
  • 截图卡片：任意场景可加 image:{src,width,y,highlight:[x1,y1,x2,y2],label}，以浮动卡片展示并高亮。图片放到 assets/ 下（本包不含用户截图）。
  • 合成：scripts/render-presenter.sh <config.json> <口播.mp4> <输出.mp4> [底部裁切px] 依次构建实例、生成音效轨、HyperFrames 渲染图形、tools/compose_presenter.py 合成口播、FFmpeg 混合原声与音效（原速）。
  • 默认实例：template-config.json 为20场56.53秒口播演示（品牌 艾师傅Eric，音乐关闭 musicVolume:0，音效保留）。改时间轴后必须重新构建。

本包不含口播原视频、SRT 或任何账号凭据。

開発者向け資料
ファイルフォーク · 0

置き換え可能な項目

パラメータ説明型制約デフォルト
version————
brand必須—object——
theme基础底色与强调色；光斑和部分UI状态色保留设计绿系。object——
showSceneLabel—boolean—false
audio用于本地音轨构建，不是html-canvas入口中的音频播放。object——
scenes省略则使用默认41场。重排或改时长后先构建新固定实例。array——

更新履歴

各バージョンの改善、修正、今後の対応事項。

AI アシスタントでテンプレートを更新する

古いテンプレートをアシスタントに渡し、次の文を送信します。新しいバージョンは別のファイルとして保存され、古いパッケージとプロジェクトは保持されます。

https://motiongit.com/update.md を押してこの MotionGit テンプレートを直接更新し、古いパッケージと既存のプロジェクトを保持して、完了したらどの新しいファイルを使用するかを教えてください。
  1. v1.0.0最新版

    首个版本，基于青柠生态41场景模板派生： - 每个场景预留随动效移动的圆角口播位，支持全屏重点句 - 新增5个口播场景：下载文件、丢给AI、截图证明、每周更新、粉丝群领取 - 口播位尺寸/位置/描边/圆角可调；截图卡片高亮 待完善：r21片尾浅色面板边缘；r18/r20含模板演示金额卡片

その他のナレーション動画

すべて表示
COMMUNITY

コメントと制作例

質問、使用感、このテンプレートで作った作品を共有できます。

まだコメントはありません。最初の作品を共有しましょう。