这个页面的代码没跑起来。

直接从文件夹里打开 index.html,浏览器会拦下 JavaScript 模块,于是你选好图片之后,页面不会有任何反应。改用 http 把这个文件夹提供出去:

powershell -ExecutionPolicy Bypass -File serve.ps1

然后打开 http://localhost:8080/。

图片转视频 做一个 MP4 幻灯片

一个文件夹的图片,变成一段视频。

语言: 简体中文
查看源码
你的图片在浏览器里处理,无须上传处理。

每一帧都由你自己的浏览器编码,视频在这台机器的内存里拼出来。编码器碰都不碰网络,就算它想碰,这个页面的另一头也没有服务器能接住一张图。

实时检查: 检查中…

离线: 检查中…

别信我们嘴上说的。打开开发者工具,盯着“网络”面板,做一段视频试试。没有一条请求带着图片、缩略图或者文件名。或者干脆拔掉网线,照做不误。

1 选图片

从网址添加

获取这个地址需要联网。对方服务器能看到你的 IP 地址,以及你请求的图片地址,包括查询参数。图片到达后就存进本地内存。从设备上选择的文件不会因这次导入而发出。

对方服务器得允许跨域使用它的图片。很多站点不允许,这类会当场失败并说明原因,不会过一阵子悄没声地出问题。

2 视频设置

加几张图,就能看到预览了

图片
—
时长
—
输出尺寸
—
总帧数
—

3 生成视频

以 Markdown 查看

图片怎么做成视频

  1. 选好你的图片。把整个文件夹拖到下面的方框里,或者一个个自己挑。浏览器直接从你的硬盘上读,这期间没有东西发出去。
  2. 排好顺序,定好每张停多久。拖着换顺序。停留时间可以按帧算,也可以按秒算,可以一次改全部,也可以一张一张改。
  3. 挑分辨率和帧率。“跟最大的那张走”按你最大的一张图来定;预设里有 4K、1080p、720p、方形和竖屏;都不合适,还能自己填一个尺寸。
  4. 生成视频,然后下载。编码在你自己的硬件上跑,所以快慢取决于你这台机器,不取决于排队。做好的 MP4 直接交给浏览器的下载。

说得更细的版本

怎么把一个文件夹的图片做成视频 用照片做一段 MP4 幻灯片:帧率和停留时间各管什么,比例不对的照片怎么办,以及成品为什么没有配乐。

常见问题

我的图片会传到什么地方去吗?

不会。读图、合成、编码,全由你自己的浏览器在你自己的硬件上完成。这个工具没有服务器那一半,页面的 Content-Security-Policy 把它可能联的地址全列了出来,没有一个是本站的。唯一的例外是那个可选的“从网址添加”,它会去取你粘进来的图,那台服务器也就看得到你的 IP 地址。

支持哪些图片格式?

你的浏览器能解码的静态图都行,实际上就是 JPG、PNG、WebP、GIF、AVIF,苹果设备上还包括 HEIC。这里没有另一份需要不断维护的清单,因为解码是浏览器的活,不是我们的。

输出的是什么格式?

MP4,视频编码是 H.264,基本上什么设备都能放。浏览器要是没有 WebCodecs,工具会退回到录制 WebM,画面还是那些画面,只是这个容器接受它的剪辑软件少一些。

Blender 或者 After Effects 的渲染序列能用吗?

能,带编号的渲染序列正是这个工具的本行。把渲染器写出来的帧加进来,停留时间保持一帧,帧率跟渲染设置对齐就行。“按名字排序”是按人的直觉数的,所以 frame_2 排在 frame_10 前面,而不是后面。

动手前有一点要知道:H.264 没有 alpha 通道,所以透明会被压平到衬底色上,不会带过去。要保住 alpha,那就在你的剪辑软件里合成。

能拿照片做延时视频吗?

能,跟渲染序列是同一件事:每张照片停一帧,再挑个帧率。30 fps 下每三十张照片一秒;同样这些照片放到 12 fps,能跑两秒半。

“按日期排序”能把相机胶卷放回拍摄时的顺序,文件名从 0001 重新开始过的时候尤其管用。照片尺寸不一样也没关系,“跟最大的那张走”会把视频尺寸定得谁都不用缩小。

图片数量或者视频长度有限制吗?

工具里没设上限。真正的天花板是你这台机器的内存,因为成品视频要在那儿拼好你才能下载。最先撑不住的是很大的 4K 幻灯片。

免费吗?要注册吗?

免费,没有账号,不用登录,也没有试用期。本站带广告,经费就是这么来的,广告拿不到关于你图片的任何信息。

断网能用吗?

能。页面开一次之后断网,它照干不误。这也是证明“什么都没上传”最省事的办法。一个把图片送出去处理的工具,拔线那一刻就停了。

能加音乐或者配乐吗?

暂时不能。这个工具只出视频,写出来的 MP4 只有一条视频轨,没有音轨。需要配乐的话,之后在剪辑软件里加。