Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
rikka

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

  •   
  •   rikka · Oct 15, 2015 · 3942 views
    This topic created in 3889 days ago, the information mentioned may be changed or developed.
    原理：用 ffmpeg 对视频切图（ 1 秒 10 张），然后程序处理图片生成数据，压缩，分割成 n 个 zip 包，然后前端 js 边下载 zip 包，边解压，边渲染 DOM
    大概 1 分钟的视频会生成 20M 的数据，压缩后就大概 5M 了，打开应该不会卡太久
    演示： http://7lrvy1.com1.z0.glb.clouddn.com
    然而帧率上不去，爆内存，上面这个示例用了浏览器 2G 的内存_(:з」∠)_ 蛋疼啊
    想过用 canvas 应该可以解决，但这就不是字符画了，没意义了_(:з」∠)_
    Supplement 1  ·  Oct 15, 2015
    优化了下，内存降到 600-800M
    视频每秒截 4 图，顺便把音频放上去，然后现在勉强可以看啦
    3 分钟的视频，整个页面的请求流量 7M ，可以接受_(:з」∠)_
    Supplement 2  ·  Oct 19, 2015

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

    求 star(´･ω･`)

  • zip
  • 太久
  • 转字符
  • 生成
    21 replies  •  2015-10-19 17:55:08 +08:00
    lianyue
        1
    lianyue  
       Oct 15, 2015 via iPhone
    你没销毁内存吧 😂 嗯 10 秒一个 zip 然后 预加载一个 😂 就好
    ooTwToo
        2
    ooTwToo  
       Oct 15, 2015
    然而看不懂
    laoyur
        3
    laoyur  
       Oct 15, 2015
    无法理解 v2 上面二次元萌妹子头像的人的世界观
    leassy
        4
    leassy  
       Oct 15, 2015
    看起来很牛逼的样子，然而并没有什么卵用
    MCVector
        5
    MCVector  
       Oct 15, 2015
    是不是有点像 VLC 的 ascii 输出？
    yxwzaxns
        6
    yxwzaxns  
       Oct 15, 2015
    lz
    看这个
    http://v2ex.com/t/224697#reply94
    kokutou
        7
    kokutou  
       Oct 15, 2015
    然而 vlc 可以 ascill 输出。。。
    rikka
        8
    rikka  
    OP
       Oct 15, 2015
    @MCVector
    @kokutou
    vlc 有这么高级的功能，没用过啊_(:з」∠)_
    rikka
        9
    rikka  
    OP
       Oct 15, 2015
    @yxwzaxns 你这个字符只有 0 和 1 ，一般的视频生成出来完全不能看啊
    kokutou
        10
    kokutou  
       Oct 15, 2015
    @rikka 快去研究研究， vlc 设置里的输出部分还是渲染部分还视频部分。
    i8d0g
        11
    i8d0g  
       Oct 15, 2015
    什么高科技 用各种浏览器打开 屏幕中间一道虚线 只见
    SakuraSa
        12
    SakuraSa  
       Oct 15, 2015
    @rikka
    看着好好玩呀~
    我也试着作了一个，不过偷懒直接用 three.js 了~
    http://badapple-ascii.coding.io/
    dant
        13
    dant  
       Oct 15, 2015 via Android
    libaa
    libcaca
    都是开源的轮子，一个黑白一个彩色
    rikka
        14
    rikka  
    OP
       Oct 16, 2015
    @i8d0g 用谷歌应该可以的，一道虚线在 Safari 是会这样， css 兼容的问题
    rikka
        15
    rikka  
    OP
       Oct 16, 2015
    @SakuraSa 不错不错，
    不过我的渲染效率不行，画面不流畅，无法准确控制帧率
    而你的这种要是视频画面复杂一点的话，就很难看了
    _(:з」∠)_
    互相参考学习下(´･ω･`)
    rikka
        16
    rikka  
    OP
       Oct 16, 2015
    @dant 看起来也不错的样子
    打算把动画这块优化好的话，也把整套程序开源出来(´･ω･`)
    rikka
        17
    rikka  
    OP
       Oct 16, 2015
    @kokutou 不研究啦(￣ o ￣) . z Z
    aWangami
        18
    aWangami  
       Oct 16, 2015
    厉害！
    i8d0g
        19
    i8d0g  
       Oct 16, 2015
    @rikka chrome 46.0.2490.22 beta (64-bit) 一道虚线
    vitovan
        20
    vitovan  
       Oct 17, 2015
    @kokutou
    MPlayer 也可以 ascill 输出。。。
    rikka
        21
    rikka  
    OP
       Oct 19, 2015
    @i8d0g 我也很纳闷，你的怎么就这么奇怪_(:з」∠)_
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3242 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 154ms · UTC 11:59 · PVG 19:59 · LAX 04:59 · JFK 07:59
    ♥ Do have faith in what you're doing.