这是一个创建于 3328 天前的主题，其中的信息可能已经有所发展或是发生改变。
原理：用 ffmpeg 对视频切图（ 1 秒 10 张），然后程序处理图片生成数据，压缩，分割成 n 个 zip 包，然后前端 js 边下载 zip 包，边解压，边渲染 DOM
大概 1 分钟的视频会生成 20M 的数据，压缩后就大概 5M 了，打开应该不会卡太久
演示： http://7lrvy1.com1.z0.glb.clouddn.com
然而帧率上不去，爆内存，上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
想过用 canvas 应该可以解决，但这就不是字符画了，没意义了_(:з」∠)_
大概 1 分钟的视频会生成 20M 的数据，压缩后就大概 5M 了，打开应该不会卡太久
演示： http://7lrvy1.com1.z0.glb.clouddn.com
然而帧率上不去，爆内存，上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
想过用 canvas 应该可以解决，但这就不是字符画了，没意义了_(:з」∠)_
第 1 条附言 · 2015-10-15 18:06:19 +08:00
优化了下，内存降到 600-800M
视频每秒截 4 图，顺便把音频放上去，然后现在勉强可以看啦
3 分钟的视频，整个页面的请求流量 7M ，可以接受_(:з」∠)_
视频每秒截 4 图，顺便把音频放上去，然后现在勉强可以看啦
3 分钟的视频，整个页面的请求流量 7M ，可以接受_(:з」∠)_
第 2 条附言 · 2015-10-19 17:52:57 +08:00
开源
https://github.com/mkanako/Video2Html/tree/master
求 star(´･ω･`)
 |
1
lianyue 2015-10-15 11:50:15 +08:00 via iPhone
你没销毁内存吧 😂 嗯 10 秒一个 zip 然后 预加载一个 😂 就好
|
 |
2
ooTwToo 2015-10-15 11:53:49 +08:00
然而看不懂
|
 |
3
laoyur 2015-10-15 12:09:37 +08:00
无法理解 v2 上面二次元萌妹子头像的人的世界观
|
 |
4
leassy 2015-10-15 12:12:14 +08:00
看起来很牛逼的样子，然而并没有什么卵用
|
 |
5
MCVector 2015-10-15 12:18:49 +08:00
是不是有点像 VLC 的 ascii 输出？
|
 |
6
yxwzaxns 2015-10-15 12:23:31 +08:00
|
 |
7
kokutou 2015-10-15 12:39:28 +08:00
然而 vlc 可以 ascill 输出。。。
|
 |
11
i8d0g 2015-10-15 18:29:12 +08:00
什么高科技 用各种浏览器打开 屏幕中间一道虚线 只见
|
 |
12
SakuraSa 2015-10-15 18:43:32 +08:00
|
 |
13
dant 2015-10-15 18:44:13 +08:00 via Android
libaa
libcaca 都是开源的轮子，一个黑白一个彩色 |
 |
15
rikka OP |
 |
18
aWangami 2015-10-16 08:46:27 +08:00
厉害！
|
Select Language