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

有卵用但没人用也要更新: SubPlayer - 一个在线字幕编辑器

  •  
  •   zhw2590582 ·
    zhw2590582 · 2021-05-09 16:59:25 +08:00 · 2172 次点击
    这是一个创建于 1296 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Screenshot

    一年多以前发布过一个没卵用的在线字幕编辑器:没卵用且没人用也要更新:SubPlayer - 一个在线字幕编辑器

    以前的版本之所以没卵用,是因为打开较大的视频时就会卡顿,而且只能编辑和导出字幕,不能把字幕压制到视频里并下载。近期终于发布了最新的版本,得益于 webassembly 和 ffmpeg 的发展,现在可以流畅的打开大视频,并且能在线压制字幕并导出视频文件,均在纯前端完成不经过服务器处理。但目前功能和 UI 都相对简单,适用于想临时压制字幕但又不想下载和学习专业的视频字幕软件的人。当然你也不能打开太过大的视频,否则浏览器内存也吃不消。

    SubPlayer: https://subplayer.js.org

    Github: https://github.com/zhw2590582/SubPlayer

    11 条回复    2021-05-12 11:19:38 +08:00
    code4you
        1
    code4you  
       2021-05-09 18:42:27 +08:00
    我用过

    原来是大佬开发的 厉害

    果断 star
    xinh
        2
    xinh  
       2021-05-09 18:43:04 +08:00 via iPhone
    感谢,用过好多次来调整下载的字幕,前段时间好像不能用?
    manami
        3
    manami  
       2021-05-09 19:50:03 +08:00
    强强强
    adjusted
        4
    adjusted  
       2021-05-09 22:50:55 +08:00
    感谢分享,部署了一个国内镜像试了下 https://subplayer.caitouyun.com/
    civetcat
        5
    civetcat  
       2021-05-10 08:56:42 +08:00
    支持一下
    yunyuyuan
        6
    yunyuyuan  
       2021-05-10 10:16:09 +08:00
    牛,已 star 。看来前端还有得学啊
    yike47
        7
    yike47  
       2021-05-10 16:45:20 +08:00
    好强
    hanguokai
        8
    hanguokai  
       2021-05-11 04:12:59 +08:00
    > 当然你也不能打开太过大的视频,否则浏览器内存也吃不消。
    用 流式访问方式( https://web.dev/streams/) 或 每次只读取文件的一部分( https://web.dev/file-system-access/ , 随机访问用 Blob.slice() 函数) 代替读取全部数据到内存,应该可以解决这个问题。可能需要根据应用的功能特性进行一些优化,具体情况我也没试过,不过传统 native 应用也是这么做的(即避免读取全部数据到内存)。
    zzzain46
        9
    zzzain46  
       2021-05-12 10:17:49 +08:00
    可靠性如何?视频工程中最担心的就是工作到一半崩溃了导致前面的工作丢失。
    zhw2590582
        10
    zhw2590582  
    OP
       2021-05-12 10:42:14 +08:00
    @zzzain46 可以试试这个版本: https://online.aimu-app.com
    zhw2590582
        11
    zhw2590582  
    OP
       2021-05-12 11:19:38 +08:00
    @hanguokai 吃内存主要是压制字幕的时候,这个时候 ffmpeg 无法流式读取视频文件,只能一整个读取
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1066 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:41 · PVG 03:41 · LAX 11:41 · JFK 14:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.