客户端给 GIF 添加字幕

2018-03-26 17:26:01 +08:00
 Eleflea
前段时间看到有人做了个生成动图的网站（ https://www.v2ex.com/t/431802 ），当时感觉好慢（应该是当时用的人太多）。我就想能不能仅用 js 实现，所以就做了这个页面。虽然实现了效果，但是生成时会占用很多内存。
https://eleflea.coding.me/
3405 次点击
所在节点    分享创造
14 条回复
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
@coxier 是纯 js 实现的，略慢的原因估计是因为用到很多 canvas，性能很差。
gentlebaba
2018-03-26 21:12:43 +08:00
厉害👍
GooMS
2018-03-27 07:20:18 +08:00
后端生成处理好的速度很快的
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
👍
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
求开源
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 不谢

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/441546

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX