템플릿 센터업데이트 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 도우미로 템플릿 업데이트

이전 템플릿을 보조자에게 전달하고 다음 문장을 보냅니다. 새 버전은 별도의 파일로 저장되고 이전 패키지와 프로젝트는 유지됩니다.

이 MotionGit 템플릿을 직접 업데이트하려면 https://motiongit.com/update.md를 누르고, 이전 패키지와 기존 프로젝트를 유지하고, 완료되면 사용할 새 파일을 알려주세요.
  1. v1.0.0최신 버전

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

더 많은 내레이션 영상

전체 보기
COMMUNITY

댓글과 제작 결과

질문, 사용 경험, 이 템플릿으로 만든 작품을 공유하세요.

아직 댓글이 없습니다. 첫 작품을 공유하세요.