remotion-create

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
These are instructions for making a new Remotion project and composition.
If this is not the next task, see Remotion Best Practices
以下是创建新Remotion项目与合成的说明。 如果这不是你接下来要执行的任务,请查看Remotion最佳实践

Scaffold a project

搭建项目脚手架

If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project.
Scaffold one using:
bash
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
Replace
my-video
with a suitable project name.
如果项目已存在,请跳过此步骤。确保已安装Node.js和Git,且当前文件夹适合启动新项目。
使用以下命令搭建项目:
bash
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
my-video
替换为合适的项目名称。

Designing a video

设计视频

Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and Video Layout Rules for video-first layout and text sizing guidance.
保留脚手架并添加React标记。遵循Remotion React标记最佳实践视频布局规则,获取以视频为优先的布局与文本尺寸指导。

Interactivity Best Practices

交互性最佳实践

By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code.
通过遵循Remotion交互性最佳实践构建React标记,你可以让用户在Studio中进行编辑,编辑内容会同步回代码。

TailwindCSS

TailwindCSS

If Tailwind is requested, see tailwind.md for using TailwindCSS in Remotion.
如果需要使用Tailwind,请查看tailwind.md了解如何在Remotion中使用TailwindCSS。

Starting preview

启动预览

bash
npx remotion studio --no-open
This will start a long-running process and print the server URL for the preview.
bash
npx remotion studio --no-open
这将启动一个长期运行的进程,并打印预览的服务器URL。

Follow-up

后续步骤

The video creation process has finished. For follow-up prompts, use Remotion Best Practices
视频创建流程已完成。如需后续提示,请使用Remotion最佳实践