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

[rikka]

原理：用 ffmpeg 对视频切图（ 1 秒 10 张），然后程序处理图片生成数据，压缩，分割成 n 个 zip 包，然后前端 js 边下载 zip 包，边解压，边渲染 DOM
大概 1 分钟的视频会生成 20M 的数据，压缩后就大概 5M 了，打开应该不会卡太久
演示： http://7lrvy1.com1.z0.glb.clouddn.com
然而帧率上不去，爆内存，上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
想过用 canvas 应该可以解决，但这就不是字符画了，没意义了_(:з」∠)_

优化了下，内存降到 600-800M
视频每秒截 4 图，顺便把音频放上去，然后现在勉强可以看啦
3 分钟的视频，整个页面的请求流量 7M ，可以接受_(:з」∠)_

开源
https://github.com/mkanako/Video2Html/tree/master

求 star(´･ω･`)

[lianyue]

你没销毁内存吧 😂 嗯 10 秒一个 zip 然后 预加载一个 😂 就好

[ooTwToo]

然而看不懂

[laoyur]

无法理解 v2 上面二次元萌妹子头像的人的世界观

[leassy]

看起来很牛逼的样子，然而并没有什么卵用

[MCVector]

是不是有点像 VLC 的 ascii 输出？

[yxwzaxns]

lz
看这个
http://v2ex.com/t/224697#reply94

[kokutou]

然而 vlc 可以 ascill 输出。。。

[rikka]

@MCVector
@kokutou
vlc 有这么高级的功能，没用过啊_(:з」∠)_

[rikka]

@yxwzaxns 你这个字符只有 0 和 1 ，一般的视频生成出来完全不能看啊

[kokutou]

@rikka 快去研究研究， vlc 设置里的输出部分还是渲染部分还视频部分。

[i8d0g]

什么高科技 用各种浏览器打开 屏幕中间一道虚线 只见

[SakuraSa]

@rikka
看着好好玩呀~
我也试着作了一个，不过偷懒直接用 three.js 了~
http://badapple-ascii.coding.io/

[dant]

libaa
libcaca
都是开源的轮子，一个黑白一个彩色

[rikka]

@i8d0g 用谷歌应该可以的，一道虚线在 Safari 是会这样， css 兼容的问题

[rikka]

@SakuraSa 不错不错，
不过我的渲染效率不行，画面不流畅，无法准确控制帧率
而你的这种要是视频画面复杂一点的话，就很难看了
_(:з」∠)_
互相参考学习下(´･ω･`)

[rikka]

@dant 看起来也不错的样子
打算把动画这块优化好的话，也把整套程序开源出来(´･ω･`)

[rikka]

@kokutou 不研究啦(￣ o ￣) . z Z

[aWangami]

厉害！

[i8d0g]

@rikka chrome 46.0.2490.22 beta (64-bit) 一道虚线

[vitovan]

@kokutou
MPlayer 也可以 ascill 输出。。。

[rikka]

@i8d0g 我也很纳闷，你的怎么就这么奇怪_(:з」∠)_