V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
rikka
V2EX  ›  分享创造

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

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

    rikka
        21
    rikka  
    OP
       2015-10-19 17:55:08 +08:00
    @i8d0g 我也很纳闷,你的怎么就这么奇怪_(:з」∠)_
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2609 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 05:36 · PVG 13:36 · LAX 21:36 · JFK 00:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.