Skip to main content

使用 Typeframes 在几分钟内创建产品视频

· 8 min read

Typeframes 是一个工具,通过将文本转换为视频,帮助您为 SaaS 产品创建令人惊叹的产品介绍视频。它简化了这个过程,让您可以插入内容,从各种效果中选择,并以所需格式导出视频。

Typeframes 旨在使产品视频的视频编辑尽可能简单。

嗨,Tibo,你能和我们分享一下你的背景和经验吗?

我参与创业项目已经有一段时间了。我参与了许多项目,这些项目对我的学习和成长产生了重大影响。三年前,我重新开始进行独立开发,希望应用和提升我积累的经验。 我开始在 X(前身为 Twitter)上活跃起来,接受“公开构建”挑战。这意味着每周创建一个新产品,结果在短短四个月内创建了十个产品。但第十一个创作,名为 Tweet Hunter,立即引起了轰动。最初,它是用于启发推文创作的工具,但后来演变成了专为 X 设计的一套综合产品。 它的成功是不可否认的,这导致了 Taplio 的开发,这是专为 LinkedIn 用户量身定制的姊妹产品。Tweet Hunter 和 Taplio 最终引起了 lempire 的注意,导致它们被收购。

最近,我主动收购了 Typeframes,这是一个我认为拥有巨大潜力的平台。我惊讶地发现它可以出售,现在我正在致力于进一步发展其功能,旨在将 Typeframes 建立为产品视频的首选解决方案。

您是如何得出 Typeframes 是一款备受需求的产品之前决定收购它的见解的?

在我自己创建了许多产品视频之后,我深知这类视频所需的挑战和时间。当我第一次接触到 Typeframes 时,我对它加速视频制作过程的能力感到惊讶。由于我还参与其他产品,Typeframes 对我来说是完美的工具,因为它是我用来更快地发布内容以推广新产品和功能的工具堆栈的补充。

我基本上应用了我为 Tweet Hunter 和 Taplio 所做的相同原则:如果它让我的生活变得更轻松,那么很可能也会对其他人产生同样的效果。最终,我只是打了个赌,我很高兴目前看来它是成功的。

收购后,Typeframes 似乎经历了相当大的增长。您能分享一些您对产品所做调整的见解吗?

我一直致力于进行小而渐进的变化,随着时间的推移,这些变化确实会累积起来。我们做的第一件事之一是推出了一个免费计划。现在,使用此计划制作的视频会有水印,但很酷的是,这使更多人尝试并谈论 Typeframes,这确实有助于传播信息。

除此之外,我一直在公开构建产品。我不断分享更新并与用户交流。当然,这可能会透露一些我们的想法,并导致一些模仿者,但我坚信公开构建的力量。我认为它带来的好处和建立的社区远远超过任何不利因素。

Typeframes 如何在其基础设施中使用 Remotion?

对于我们来说,Remotion 几乎就是幕后的魔法。我无法想象没有它的 Typeframes 在我们的技术堆栈中。

我们使用 Remotion Player 为用户提供实时预览,让他们了解他们的视频是如何塑造的。他们可以调整和玩弄动画,并即时查看更改。当涉及实际渲染视频时,Remotion Lambda 就派上用场了。它处理所有繁重的工作,而无需我们管理任何服务器。这意味着我们不必担心视频渲染的可扩展性。

Remotion的商业模式对独立开发者也非常鼓舞人心。我只有一个人帮助我,我们保持事情相当简单。这意味着我们不必购买Remotion许可证。然而,我们显然会通过购买许可证来支持Remotion,因为它为Typeframes提供了如此大的价值。

您在X和LinkedIn上拥有庞大的粉丝群,但在GitHub上几乎没有。您如何在营销和编码之间分配时间?

这是一个敏锐的观察。尽管我是一名独立开发者,会在公开场合构建我的产品,但我不会默认分享我的代码。我认为我永远不会在GitHub上拥有庞大的粉丝群。

我的大约四分之一时间用于在X、LinkedIn和Google等平台上进行营销,而其余时间则专注于编码和产品开发。

在某种程度上,我甚至将这两者混合在一起。我试图为营销而开发。这意味着当我编码时,我会考虑如何实现产品驱动增长。比如之前提到的使用水印的免费计划。另一个例子是程序化SEO和构建可能在Google上排名的程序化页面。这些事情推动了营销,这就是我认为的成长之道。

您能给我们一些关于Typeframes未来计划的小窥探吗?

回答这个问题总是有点棘手。我可以告诉你接下来几周或几个月会有什么,但在那之后,真的会取决于用户对我们正在推出的新变化做出的反应。

对于Typeframes,我们未来有一些令人兴奋的发展,其中一个亮点绝对是我们即将推出的动画库。可以将其想象为类似于Canva的图像模板,但我们将其带到视频中。我们期待看到我们的用户如何使用Typeframes的动画库。

编辑注:您可以在XLinkedIn上关注Tibo(Thibault Louis-Lucas),他在那里分享他的独立开发者之旅和Typeframes的发展。

使用 Remotion 生成会议资产

· 6 min read

Shortvid.io 是一个开源项目,提供一组 Remotion 可定制合成的会议通讯资产。


Shortvid.io logo

Antoine Caron 和 Mickael Alves 开发了一个名为 Shortvid 的会议通讯工具。

嗨!告诉我们关于 Shortvid.io 的情况。这个项目是如何开始的,为什么?

Shortvid 是由 Mickael AlvesAntoine Caron 发起的。该项目最初是为我们的 LyonJS meetup 活动创建公告视频的解决方案。由于我们之前有过为 Remotion 贡献经验,这项技术的基础正是 Shortvid,因此利用我们对这项技术的了解是合理的。

主要目标是简化和优化视频制作流程,使其易于访问和用户友好。通过免费提供并提供现成模板,我们旨在赋予个人和组织推广他们的活动(如聚会、会议和协会)的能力。

而且,它变得比最初想象的更大了?

Shortvid 的增长确实超出了我们最初的预期。最初是为了解决为 LyonJS meetup 创建活动公告视频的特定需求,演变为一个多功能、社区驱动的平台。

协会和活动组织者的积极反响和热情支持进一步强调了 Shortvid 的价值。我们的项目引起了那些寻求高效视频制作解决方案的活动组织者的共鸣,其采用率继续飙升。

与法国知名会议的合作,如 Touraine TechDevfest Nantes,在提升 Shortvid 的地位方面发挥了关键作用。这些合作扩大了其用户群,并导致开发新模板以满足活动组织者的多样化需求。

什么是 Devfest Nantes 大会?

Devfest Nantes 是一场著名的年度开发者大会,由法国南特的 GDG Nantes 团队组织举办。它为技术爱好者、开发者和行业专业人士提供了一个平台,让他们聚集在一起,交流知识,并探索软件开发和技术领域的最新趋势。

该大会通常涵盖了各种技术讲座、研讨会和会议,涉及软件开发的各个方面,包括 Web 和移动开发、云计算、人工智能等。

通过 Shortvid,我们为大会的成功做出了贡献,通过创建和分发视频,在推广活动和提升与会者整体体验方面发挥了关键作用。

Devfest Nantes 的图片

GDG Nantes 团队如何使用 Shortvid.io?

通过利用 Shortvid 的免费模板和可定制选项,GDG Nantes 团队能够根据自己的特定需求定制视频内容。他们可以快速生成展示活动详情、讲者信息和重点亮点的视频。

他们甚至将生成的视频用于 Cité des Congrès 各处的电视屏幕,向与会者指示即将举行的会议和会议室的位置。

GDG Nantes 团队的图片

Shortvid.io 的下一步计划是什么?

Shortvid 致力于不断添加更多模板来增强其服务。这一扩展将为用户提供更多选项,以创建引人注目的活动视频。我们希望与与我们愿景相符的科技活动合作,并从我们的服务中受益。该平台将继续通过其用户友好的方式支持和赋权这些活动。该项目是开源的,始终欢迎贡献和改进建议!

Mickael 正在积极致力于整合 Zod 方案,这将进一步增强 Shortvid 的功能,使用户能够创建更加动态和引人入胜的视频。

Antoine正在努力将Remotion游乐场直接部署在Shortvid.io网站下。这种整合将为用户提供无缝的视频创作体验。

Shortvid与Devfest Nantes的合作伙伴关系预计在未来一年内将会增长,为该项目和会议带来令人兴奋的合作和机会。

最后但同样重要的是,我们将努力激励Jonny前来法国与我们分享有关Remotion的内容 🥳

使用 Remotion 制作个性化马拉松完赛者视频

· 4 min read

YARX 是一家年轻而充满活力的公司,专注于开发移动应用和网页应用。他们还提供云计算和网站服务。

YARX 制作的个性化视频。展示了Jungfrau Marathon的冠军Mark Kangogo惊人的表现。

我们正在与创始人 Raphael Bollinger 探讨他们如何使用 Remotion 允许客户创建参加体育赛事的人的个性化视频。

嗨 Raphael!告诉我们关于 YARX 的情况。你们在做什么?

YARX 是由 Andreas 和我创立的初创公司。我们为客户提供软件解决方案,主要是网页应用。我们在媒体业务方面有特殊优势。一切都始于我们在大学时期的一个项目。我们为一家电影摄影机构做了一个项目,为每位参加者制作了个性化视频,这些参加者参加了滑雪比赛或著名的 Jungfrau Marathon 等活动。

你们为数百名参加活动的人制作个性化视频。这似乎是程序化视频的一个很好的用例。在接触 Remotion 之前,你们使用了什么?

我们最初使用 FFmpeg。这是一个很好的起点,我们能够创建个性化的视频片段并为其添加一些音频,但是过了一段时间,我们的客户对这些视频的动画有了更多的要求。使用 FFmpeg,我们在创建视频叠加动画方面受到了很大限制。这时我们开始寻找符合我们要求的工具。我确信在那段时间我在 Twitter 上看到了 Jonny Burger 的一个视频,他解释了 Remotion 的功能。看起来它是我们面临挑战的解决方案,这让我们决定尝试一下。

YARX 如何在其基础设施中使用 Remotion?

我们以一种非常规的方式使用 Remotion。由于我们的后端是基于 C# 构建的,我们不得不在现有架构中特别实现 Remotion。当我们想要渲染个性化视频时,我们会在后台启动许多虚拟机。在这些机器上,我们运行一个 C# 程序,该程序调用 Remotion 作为渲染引擎。这使我们能够以非常高的速度渲染视频。一旦视频被渲染,它们就会被推送到我们的后端。

在将 Remotion 实现到您的堆栈并已用于客户项目后。您的结论是什么?哪些方面运作良好,是否存在任何挑战?

没有任何投诉。我们没有将其与其他解决方案进行比较,但就我们而言,一切都运作良好,如预期那样。可以说在与一组人一起工作时存在陡峭的学习曲线。但这也可能是由我之前提到的我们非常规方法引起的。


您是否成功使用 Remotion?请通过 hi@remotion.dev 与我们分享您的故事!

MakeStories如何使用Remotion渲染Web Stories

· 5 min read
note

这是我们新系列文章中的第一篇:成功案例。我们采访了一些我们认为令人鼓舞并成功在其技术栈中实施Remotion的公司和创作者。请告诉我们您的想法!

MakeStories从事Web Stories业务 - 这是Google推出的一种将故事带到网络的格式。它们直接出现在Google搜索中,为发布者提供了大幅增加受众的机会。

MakeStories创始人Pratik Ghela解释了他们如何构建Remotion渲染服务以将Web Stories导出为MP4视频。

这些故事使用网络技术驱动,这意味着它们是使用HTML和CSS构建的。对于发布者来说,最流行的快速创建Web Stories的工具之一是MakeStories.io。我们正在与创始人Pratik Ghela讨论他们如何使用Remotion允许发布者将他们的视频导出为真正的MP4视频。

嗨,Pratik!快速向我们介绍一下MakeStories。

MakeStories是一个基于网络的工具,您可以在其中为网站创建故事。为了更好理解:Google有一个名为Web Stories的产品。这些故事在网络上,不同于您从社交媒体了解的故事,您只需拍照并将其上传到您的故事线。这些Web Stories需要用HTML和CSS编写,这是困难的部分。我们构建了一个名为MakeStories的工具,采用了拖放和点击的方法。您可以使用我们简化的方法创建动画。通过使用MakeStories创建您自己的Web Stories,您将获得您故事的必要HTML和CSS代码。这些代码可用于将您的故事放在Google Discover上或您自己的网站上。

你是如何在 MakeStories 中使用 Remotion 的?

我们开始为社交媒体构建 Web Story 构建器。出于这个原因,我们正在寻找一个渲染引擎,这就是我们遇到 Remotion 的时候。现在在 MakeStories 上创建的 Web Story 与任何平台兼容 - 包括 Google 和社交媒体。

MakeStories 导出功能的截图

MakeStories 的客户有两种导出选项 - 要么以 AMP 格式发布到 Google,要么以 MP4 格式发布到社交媒体。

为什么决定在 Remotion 中实现这个功能?

我们之前遇到的一个大挑战是渲染时间。我们之前使用另一个服务,但那不是一个可扩展的解决方案。即使一个故事有多达十张幻灯片,渲染过程也是流畅的,并且在一分钟内完成,这对我们来说是一个巨大的改进。

考虑到这是一个比我们之前使用的更好的产品,一切对我们来说都很完美。通过 Remotion,我们能够最小化渲染时间,这是我们在实施之前面临的一个重大挑战。

在集成 Remotion 时是否遇到任何困难?

Remotion 的集成很简单。网站上的文档很好,为我们提供了整个过程的指导。 对我们来说另一个好处是 Remotion 使用 TypeScript,因为我们之前已经在使用它,所以我们对它已经很熟悉。这让很多事情对我们来说更容易。甚至我们之前遇到的一些次要质量问题现在都已经解决了。 编辑注:MakeStories 与 Remotion 协商了如何优化其故事的渲染时间和质量。


您在使用 Remotion 时取得了成功吗?请通过 hi@remotion.dev 与我们分享您的故事!