原理:用 ffmpeg 对视频切图( 1 秒 10 张),然后程序处理图片生成数据,压缩,分割成 n 个 zip 包,然后前端 js 边下载 zip 包,边解压,边渲染 DOM
大概 1 分钟的视频会生成 20M 的数据,压缩后就大概 5M 了,打开应该不会卡太久
演示:
http://7lrvy1.com1.z0.glb.clouddn.com然而帧率上不去,爆内存,上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
想过用 canvas 应该可以解决,但这就不是字符画了,没意义了_(:з」∠)_
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/228205
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.