弄了个残次品,视频转字符

2015-10-15 11:29:45 +08:00
 rikka
原理:用 ffmpeg 对视频切图( 1 秒 10 张),然后程序处理图片生成数据,压缩,分割成 n 个 zip 包,然后前端 js 边下载 zip 包,边解压,边渲染 DOM
大概 1 分钟的视频会生成 20M 的数据,压缩后就大概 5M 了,打开应该不会卡太久
演示: http://7lrvy1.com1.z0.glb.clouddn.com
然而帧率上不去,爆内存,上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
想过用 canvas 应该可以解决,但这就不是字符画了,没意义了_(:з」∠)_
3324 次点击
所在节点    分享创造
21 条回复
lianyue
2015-10-15 11:50:15 +08:00
你没销毁内存吧 😂 嗯 10 秒一个 zip 然后 预加载一个 😂 就好
ooTwToo
2015-10-15 11:53:49 +08:00
然而看不懂
laoyur
2015-10-15 12:09:37 +08:00
无法理解 v2 上面二次元萌妹子头像的人的世界观
leassy
2015-10-15 12:12:14 +08:00
看起来很牛逼的样子,然而并没有什么卵用
MCVector
2015-10-15 12:18:49 +08:00
是不是有点像 VLC 的 ascii 输出?
yxwzaxns
2015-10-15 12:23:31 +08:00
kokutou
2015-10-15 12:39:28 +08:00
然而 vlc 可以 ascill 输出。。。
rikka
2015-10-15 18:07:18 +08:00
@MCVector
@kokutou
vlc 有这么高级的功能,没用过啊_(:з」∠)_
rikka
2015-10-15 18:08:04 +08:00
@yxwzaxns 你这个字符只有 0 和 1 ,一般的视频生成出来完全不能看啊
kokutou
2015-10-15 18:25:29 +08:00
@rikka 快去研究研究, vlc 设置里的输出部分还是渲染部分还视频部分。
i8d0g
2015-10-15 18:29:12 +08:00
什么高科技 用各种浏览器打开 屏幕中间一道虚线 只见
SakuraSa
2015-10-15 18:43:32 +08:00
@rikka
看着好好玩呀~
我也试着作了一个,不过偷懒直接用 three.js 了~
http://badapple-ascii.coding.io/
dant
2015-10-15 18:44:13 +08:00
libaa
libcaca
都是开源的轮子,一个黑白一个彩色
rikka
2015-10-16 00:24:20 +08:00
@i8d0g 用谷歌应该可以的,一道虚线在 Safari 是会这样, css 兼容的问题
rikka
2015-10-16 00:26:51 +08:00
@SakuraSa 不错不错,
不过我的渲染效率不行,画面不流畅,无法准确控制帧率
而你的这种要是视频画面复杂一点的话,就很难看了
_(:з」∠)_
互相参考学习下(´・ω・`)
rikka
2015-10-16 00:29:24 +08:00
@dant 看起来也不错的样子
打算把动画这块优化好的话,也把整套程序开源出来(´・ω・`)
rikka
2015-10-16 00:30:21 +08:00
@kokutou 不研究啦( ̄ o  ̄) . z Z
aWangami
2015-10-16 08:46:27 +08:00
厉害!
i8d0g
2015-10-16 20:43:29 +08:00
@rikka chrome 46.0.2490.22 beta (64-bit) 一道虚线
vitovan
2015-10-17 06:25:38 +08:00
@kokutou
MPlayer 也可以 ascill 输出。。。

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

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

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

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

© 2021 V2EX