9:1601:57テンプレートを表示桌面口播 · Mac 窗口动效
イノベーション浅色 macOS 桌面风格的真人口播模板:讲者出现在 Mac 摄像头窗口里,每句话按句型自动切换版式与动效——翻牌数字、弹出窗口、印章、荧光笔划重点、流程图、删除线、网格转场等,每种动效配有对应音效;判断句、数据句、风险句等各有专属布局。文字、数据、配色和节奏全部由参数驱动,替换
共有
統一されたスタイルのアニメーション部品を組み合わせ、コンテンツに合わせて動画全体を制作できます。
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: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、竖屏、官网内置渲染器。
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。
開発者向け資料
给 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.cn/update.md を押してこの MotionGit テンプレートを直接更新し、古いパッケージと既存のプロジェクトを保持して、完了したらどの新しいファイルを使用するかを教えてください。
首个版本
その他のナレーション動画
9:1601:57テンプレートを表示
9:1600:36テンプレートを表示
16:904:20テンプレートを表示
16:902:09テンプレートを表示コメントと制作例
質問、使用感、このテンプレートで作った作品を共有できます。
まだコメントはありません。最初の作品を共有しましょう。