EPISODE· generated 2026-06-11 22:42:45· 6 min
Thariq - Lots of people asked how I used Fable to edit its own launch video so...
在本次面试中,来自cod code的dark解释了他们如何使用AI和自动化工具Fable和Remotion制作了一段包含17个镜头的启动视频,并自动选择了最佳镜头并整合到最终剪辑中。之后,他们通过调色和设计调整进一步优化这段视频,最后将其交给设计团队进行进一步修改。
ai创智能体fableremotion启动视频制作
ready · seed-vc · qwen3-tts
0:00/0:00
⚠ The Chinese audio is an AI-generated dub (speech synthesis / voice conversion), not a real recording and may contain errors. Based on the original English interview; all rights remain with the original creator.
original lang
EN
dubbed into
中文 (ZH)
pipeline
Plan C · voice conversion
voice model
seed-vc · qwen3-tts
001
嘿,大家好,这里是从 cod code 这里发来的,我听到了很多关于如何的问题
002
Fable 是如何在发布视频中进行剪辑的?所以我想详细说一下
003
你知道,它还制作了这个演示文稿。所以这有点元。它也在剪辑这个视频
004
是的,但它确实剪辑了这个发布视频,那它是怎么做到的呢?
005
所以我与一个视频制作团队合作,我们做了17次拍摄,里面共有四个场景,我们在这四个场景中做了
006
很多不同的拍摄
007
这就是我得到的,没有进行色彩分级
008
25千兆字节的文件,最后得到了这个,进行了色彩分级,我们有一些UI
009
我们把所有内容拼接在一起,cloud code 做了所有我都没有碰过的事情
010
我没有碰过终端,所以我没有碰过视频编辑器。所以
011
是的,初始提示是什么?我正在处理一堆视频的录音
012
我想让你对它们运行
013
转录服务,然后把最好的镜头拼接成一个最终的片段
014
你知道,每个场景都有多个拍摄
015
最好的拍摄通常是那些手臂最少的,但这也可能改变
016
我还可以,我们拍摄了最后一个场景
017
你知道,我让它为视频创建了一个JSON文件,显示每个场景
018
我们使用的每个片段,所以这就是我给它的,这个视频文件夹
019
我没有告诉它,例如,哪些视频在哪些场景中,对吧?
020
它所做的是转录了每一个视频。所以它使用了whisper和
021
它为每个视频创建了这个单词数组,并且去重,选择了最好的一个
022
所以我将有17个版本,找出哪些在哪些场景中
023
然后它
024
你知道,它会找到最适合的那个,对吧,然后它将所有这些内容编译成一个编辑后的JSON文件
025
它将所有这些内容编译成一个编辑后的JSON文件
026
基本上,它包含了候选版本中的每一个镜头及其原因
027
它选择了这些场景,并记录了每个场景的开始和结束时间
028
如果这个过程没有在视频中间进行剪辑,但它完全可以这么做,你知道,这不是我做的
029
我尽量让每个剪辑都比较干净。所以
030
然后你得到F of M peg来将第一个剪辑拼接在一起。所以
031
这就是它的样子。这实际上是一点后期调色。所以
032
这就是它的样子。这实际上是一点后期调色。所以
033
但没错,F of M peg确实可以做到这一点
034
现在我们可以进行色彩分级了。所以色彩分级看起来比较沉闷。像这样,这实际上是它在中性709模式下的样子
035
我们想要最终达到什么效果?
036
和
037
是的,我们怎么重新进行色彩分级?所以它写,你知道,我对色彩分级一无所知,对吧?
038
我只是知道,这是一回事。所以我只是让它写
039
很多色彩分级,并且
040
这是最终的,你知道,从摄像机到中性色彩分级的样子。所以
041
所以接下来的要点是I
042
想要创建类似的设计素材,所以我之前给了它脚本
043
而且我不得不制作一大堆设计素材,然后我说,好吧,我想把它转成
044
使用 Remotion。Remotion 是一个库,可以将视频和 React 组件结合起来,并允许你
045
喜欢将它们全部一起导出到一个最终的视频中。所以我当时说,好吧,我们制作一堆
046
用于 Remotion 的组件,嗯,展示了实现设计。所以它看起来就是这个样子。
047
所有内容都已反应,比如,使用我们拥有的转录JSON来选择节奏和时间
048
之前。对。所以它内部有所有这些数据,你知道的,会逐渐淡入淡出,
049
嗯,有很多我可以调整的旋钮之类的。嗯,最后的编辑是这种
050
比如,你知道什么时候显示哪个,呃,用户界面组件。对。这里有一个例子,
051
你知道,呃,它就像在右边的节拍上切换了一个UI组件。所以只要我说cloud
052
做正确的工作,它会切换这两个组件。而且,它一直在做这些事情
053
本身,对吧。根据转录内容,还有Remotion组件。所以
054
呃,然后我说,好吧,我们把设计导出到Figma吧。嗯,是的,我想
055
让设计团队能够对其进行编辑。对,所以我从这个开始,这就像第一次
056
本质上就像在云设计的方式中通过,但我知道设计团队的品味要好得多
057
比我更厉害。嗯,我还给了他们编辑色彩分级的能力,他们最终会这么做,
058
但是,你知道,我发给他们一个HTML文件,让他们可以玩一玩,嗯,其中一些
059
嗯,就是,设置之类的。然后他们去编辑Figma,然后他们给出
060
把它还给我。我只是说,这全部都是使用Figma MCP。我只是说,设计已经
061
在这个Figma中进行了更新。你能更新视频以匹配吗?嗯,它确实可以做到这一点,对吧。嗯,
062
它将其转化为这种干净、透明的外观,设计团队
063
整理好了。这就是它的样子。
064
看起来最终是这样。所以这是一个前后对比,嗯,或者说是,它有这种,你知道的,
065
界面之前和之后,这是一个样本片段。嗯,敏锐的观察者可能会意识到这并不是
066
我们上传到云开发者的视频。嗯,我没有及时完成设计的调整
067
因为我在东京,但是,嗯,你知道,我,我最终还是做了。所以,嗯,你知道,这
068
这里重要的是,这都只是代码,对吧。这些都是云代码,云
069
代码正在编写。所以每个,
070
每个Jason都有一个转录文本。然后还有我之前提到的那个最终编辑版Jason文件,
071
对。然后还有这个,嗯,这是在给这些评分文件打分。呃,然后还有好多
072
用于 re motion 的 react 组件。有一个最终的编辑步骤将它们全部拼接在一起。然后
073
它使用 NPX re motion render 来渲染视频,应用色彩分级,进行 re motion,呃,UI
074
然后,最后把所有东西都整合在一起。所以,嗯,是的,你知道,它,它,它,它,它,
075
它确实做到了。所以,嗯,是的,事情就是这样发生的。嗯,是的。Fable真是令人难以置信。嗯,
076
希望现在编辑更容易了,所以想多做一些视频。告诉我你的想法
077
如果你有任何问题。谢谢你们。
end of transcript · 77 segments