템플릿 센터업데이트 2026년 11월 2일

桌面口播 · Mac 窗口动效

혁신 공간

浅色 macOS 桌面风格的真人口播模板：讲者出现在 Mac 摄像头窗口里，每句话按句型自动切换版式与动效——翻牌数字、弹出窗口、印章、荧光笔划重点、流程图、删除线、网格转场等，每种动效配有对应音效；判断句、数据句、风险句等各有专属布局。文字、数据、配色和节奏全部由参数驱动，替换

공유
전체 템플릿

일관된 스타일의 애니메이션과 모션 구성 요소를 조합하여 콘텐츠에 맞는 전체 영상을 제작합니다.

PREVIEWdefault1440×1080 · 30fps
Free template

Download free. Customize and create again.

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

Personal and commercial video production · Individuals and businesses may make and publish videos under the template license. Unless authorized, you may not repost or resell the template package or source code, including modified versions, or use them to develop a third-party online service.

  • 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.

템플릿 소개

真人口播放进 macOS 风格桌面的摄像头窗口。每句话按 类型（hook / question / plan / process / emotion / audience / judgment / data / risk / cta …）切换人物窗口版式、壁纸和图形动效，换版式时自动配音效。输出 1440×1080（4:3）、30fps。竖屏暂不支持。

参数一览

  • canvas：固定 1440×1080 / 30fps；duration = 口播完整时长（秒）。
  • speaker：video（口播视频，可省略→灰色剪影占位）、crop{x,y,w,h}（裁掉烧录字幕等）、title（摄像头窗口标题）、home。
  • subtitles、keywords（字幕中黄色高亮的词）。
  • theme：mode light/dark/black/red/warm；颜色 yellow(高亮) red green white text dark；modes.* 每种壁纸的配色和 glow；font。
  • desktop：menuApp、menus[]、clock、nowPlaying、icons[{type,label}]、dock[]、calendar{wd,day}。
  • layouts：right / avatar / topright / center / left / centerSmall / corner 人物框。
  • rules[type]：layout、bg、graphic（推荐效果）、sfx（whoosh|boom）、punchIn、moveT。
  • sfx：enabled（开/关）、level（音效相对人声音量，默认 0.35）。
  • 名片 / CTA：follow 效果的 initial、name、bio、buttonLabel、doneLabel、group；结尾 grid_title 的 kicker/title/sub/stampText。

效果与字段（beats[].effect）

splitflap(title,tag,words[2],sub) · stamp(text,stampText,winTitle) · popups(title,icons[],verb,winTitle) · flowchart(nodes[3],footer,winTitle) · highlight(line1,key) · textwall(rows,key) · punchline(style flap|reject|thesis, kicker,text,struck,line,color,stampText,stampColor,stampAt,cw,stampDx) · card(title,lines[]) · approve(text,stampText) · grid_title(kicker,title,sub,stampText,cw) · thought(kicker,steps[],at[]) · equals(left{tag,text},right{tag,text},result) · points(title,video,labels[],result,resultAt) · calendar(title,kicker,result) · crosslist(title,kicker,sub,items[],at[]) · versus(left,right,rightAt) · story(title,kicker,text) · counter(title,beforeLabel,before,beforeNote,afterLabel,after,afterAt,big,ratio,ratioAt) · parallel(title,aiText,meText,tasks[],taskAt) · chat(title,me,reply,replyAt,note) · timer(title,value,unit,caption,stampText,stampAt) · follow(见上)。

渲染

环境：Node 22+、ffmpeg/ffprobe、python3+numpy、Chromium headless shell（CHROME_PATH 或 Playwright 缓存）、系统字体 Noto Sans CJK SC。

cd src && npm ci && cd ..
node src/render.js /path/to/instance/inputs.json /path/to/instance/out.mp4          # 成片
node src/render.js /path/to/instance/inputs.json /path/to/instance/out.mp4 --stills 1,4,8   # 静帧检查

输出 H.264 High、yuv420p（TV range, BT.709）、avc1、faststart、AAC 192k 48kHz；人声 + 音效响度归一到约 −14 LUFS。中间文件写在 out.work/。

MotionGit 内置 html-canvas/1 路线：window.renderFrame(整数帧, inputs) 已实现，可渲染画面（占位人物）；但真人视频帧与原声需要 src/render.js 适配器，内置路线不会带入人声和音效——此点尚未在官网个人下载包中实测。

已验证范围

Debian 13 / Chrome headless shell 145 / Node 24 / ffmpeg 7.1：默认预设（占位人物）与改参数实例（暗色、换色、真实视频输入+裁切、音效音量）各 14 秒成片。未测：Windows、macOS、竖屏、官网内置渲染器。

Show 1 more sections

来源与许可

由 Grok Bot 在模板所有者指导下制作（自定义 HTML Canvas + Node + playwright-core + ffmpeg + numpy）。音效全部程序合成，无第三方音频。字体 Noto Sans CJK SC（SIL OFL 1.1）未随包。模板以 CC BY 4.0（SPDX: CC-BY-4.0）授权，版权所有 © 2026 Eric：可自由使用、分享、修改及商用，但须署名 Eric、附许可链接并注明是否修改。全文见 licenses/TEMPLATE-LICENSE.txt。

개발자 자료
파일포크 · 0

给 AI 的说明

  1. 依次读 motion.json → 本文件 → guide.json → params.schema.json → asset-manifest.json 与 licenses/。先读数据，不要直接执行包内代码；本包不联网、不调用付费接口。
  2. 在用户的新实例目录写 inputs.json（以 presets/demo.json 为起点），不要改包内文件。路径相对 inputs.json。
  3. 字幕：句级 subtitles[{start,end,text,type}]，每句 ≤22 字。没有更细对齐时不要猜词级时间。
  4. 为每段写一个 beats[]（连续、不重叠），type 决定 rules[type] 中的版式/壁纸/转场音效，effect 选图形。保留否定、数字和单位；数字放进 counter/timer。
  5. 展示方案给用户确认，再渲染；每次修改另存新文件，不覆盖旧结果。
  6. 判断类句（judgment）是硬切 + 低频 boom；数据类（data）用 counter / timer。

교체 가능한 항목

매개변수설명유형제약 조건기본값
canvas필수—object——
theme필수—object——
speaker필수—object——
sfx—object——
desktop필수—object——
layouts필수speaker window boxes: right, avatar, topright, center, left, centerSmall, corner -> {x,y,w,h,radius,chrome}object——
rules필수sentence type -> {layout, bg, graphic, sfx(whoosh|boom), punchIn, moveT}object——
keywords필수words shown in theme.yellow in subtitlesarray——
subtitles필수—array——
beats필수contiguous [start,end) segments, one graphic each; data numbers live in beat fields (counter.before/after/big/ratio, timer.value). Fields per effect: see README.mdarray——

업데이트 기록

버전별 개선 사항, 수정 내용과 남은 과제입니다.

AI 도우미로 템플릿 업데이트

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

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

    首个版本

더 많은 내레이션 영상

전체 보기
COMMUNITY

댓글과 제작 결과

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

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