9:1601:57查看模板桌面口播 · Mac 窗口动效
创新区浅色 macOS 桌面风格的真人口播模板:讲者出现在 Mac 摄像头窗口里,每句话按句型自动切换版式与动效——翻牌数字、弹出窗口、印章、荧光笔划重点、流程图、删除线、网格转场等,每种动效配有对应音效;判断句、数据句、风险句等各有专属布局。文字、数据、配色和节奏全部由参数驱动,替换
分享
包含一套风格统一、可组合的动画与动效组件,可围绕你的内容完成整条视频创作。
免费下载,开源代码,自由创作
模板下载完全免费,无需充值。可反复使用和修改:替换文字、图片和声音,调整画面与动效。
- 免费素材与配乐图片、视频、贴纸搜索与上千首背景音乐,可让 AI 助手自动匹配。素材服务说明 →
- 可选生成服务GPT 生图、配音、视频生成按需选用,单独计费,不是使用模板的前提。创作者 API →
- 第一次使用跟着教程,从下载模板一步步做到成片。查看教程 →
模板代码按本页标注的许可使用;字体、图片、音乐等素材遵循各自许可,免费素材服务有每日额度。
模板介绍
真人口播放进 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:modelight/dark/black/red/warm;颜色yellow(高亮)redgreenwhitetextdark;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、竖屏、官网内置渲染器。
查看完整介绍(另外 1 节)
来源与许可
由 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。
开发者资料
给 AI 的说明
- 依次读
motion.json→ 本文件 →guide.json→params.schema.json→asset-manifest.json与licenses/。先读数据,不要直接执行包内代码;本包不联网、不调用付费接口。 - 在用户的新实例目录写
inputs.json(以presets/demo.json为起点),不要改包内文件。路径相对inputs.json。 - 字幕:句级
subtitles[{start,end,text,type}],每句 ≤22 字。没有更细对齐时不要猜词级时间。 - 为每段写一个
beats[](连续、不重叠),type决定rules[type]中的版式/壁纸/转场音效,effect选图形。保留否定、数字和单位;数字放进 counter/timer。 - 展示方案给用户确认,再渲染;每次修改另存新文件,不覆盖旧结果。
- 判断类句(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 subtitles | array | — | — |
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.md | array | — | — |
更新记录
了解每次发布的改进、修复与待完善事项。
在 AI 助手里更新已有模板
把旧模板交给助手,发送下面这句话即可。新版另存,旧包和工程保留。
请按 https://motiongit.com/update.md 直接更新这个 MotionGit 模板,保留旧包和现有工程,完成后告诉我使用哪个新文件。
首个版本
更多口播视频
9:1601:57查看模板
9:1601:04查看模板
16:904:20查看模板
16:902:09查看模板评论与制作效果
交流使用心得、提出问题,也欢迎分享你用这个模板做出的作品。
还没有评论,来分享第一个制作效果吧。