客户端给 GIF 添加字幕

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2426 天前的主题，其中的信息可能已经有所发展或是发生改变。

前段时间看到有人做了个生成动图的网站（ https://www.v2ex.com/t/431802 ），当时感觉好慢（应该是当时用的人太多）。我就想能不能仅用 js 实现，所以就做了这个页面。虽然实现了效果，但是生成时会占用很多内存。
https://eleflea.coding.me/

gif

字幕

生成

客户端

14 条回复 • 2018-03-27 23:30:01 +08:00

coxier

2018-03-26 18:27:39 +08:00

这是纯 js 吗？没有使用 ffmpeg?

coxier

2018-03-26 18:28:03 +08:00

你这个生成速度略慢，按理来说一般 200ms 左右是正常的

Eleflea

2018-03-26 19:29:00 +08:00 via Android

@coxier 是纯 js 实现的，略慢的原因估计是因为用到很多 canvas，性能很差。

gentlebaba

2018-03-26 21:12:43 +08:00 via Android

厉害👍

GooMS

2018-03-27 07:20:18 +08:00 via Android

后端生成处理好的速度很快的

li24361

2018-03-27 10:03:44 +08:00

不错哦，可以把服务器压力减轻

goodryb

2018-03-27 11:30:46 +08:00

试了下速度挺快的呀，楼上都说生成速度慢

Mexion

2018-03-27 11:36:38 +08:00 via Android

👍

lightUp

2018-03-27 11:39:18 +08:00

gif 是怎么绘制到 canvas 上的？

zjcqoo

2018-03-27 11:50:41 +08:00

试试 WebAssembly 吧。GIF 帧数又不多，应该瞬间处理完才对。

xianzixiang

2018-03-27 14:16:14 +08:00 via Android

求开源

grewer

2018-03-27 14:50:02 +08:00

你这是 canvas 一帧一帧地绘制? 是很慢

grewer

2018-03-27 14:51:47 +08:00

第一次慢,后面好多了, 有空我也做一个

mingyun

2018-03-27 23:30:01 +08:00

@xianzixiang https://git.coding.net/eleflea/eleflea.coding.me.git 不谢