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

PWA 版视频播放器,支持从文件浏览器中直接打开视频

  •  
  •   hanguokai · 2021-08-02 21:43:03 +08:00 · 2337 次点击
    这是一个创建于 1239 天前的主题,其中的信息可能已经有所发展或是发生改变。

    做了一个基于 Web 的视文件频播放器,上周发布了它的浏览器扩展版 https://v2ex.com/t/791884

    今天发布它的 PWA (Progressive Web Apps) 版本:webvideoplayer.org

    打开网站,点击 “PWA Install” 按钮即可安装(有墙,如果喜欢的人多,我再考虑放一个国内版)。这个版本和之前的版本核心功能是完全一样的,但 PWA 安装版支持一个非常有用的功能 - 直接在操作系统的文件管理器中双击或右键(打开方式...)打开视频文件。这比先打开应用、再打开文件方便很多。

    注意:这是 Chrome 92 的一个新的实验性功能,其它浏览器没有这个特性。其它基于 Chromium 的浏览器,手工启用 "File Handling API" (about://flags/#file-handling-api) 功能后也许可以用(先启用,然后重启浏览器,然后再安装 PWA )。

    欢迎大家体验一下这个纯 Web 的 PWA 程序,虽然没有传统播放器功能全,也还不错吧😎

    第 1 条附言  ·  2022-05-27 07:32:21 +08:00
    2022 年 5 月底,Chrome 102 发布了。从这个版本开始,Chrome 正式支持双击文件打开 PWA 应用了 ( File Handling API )。
    7 条回复    2021-08-28 15:41:13 +08:00
    ljsh093
        1
    ljsh093  
       2021-08-02 22:02:23 +08:00
    字幕支持的如何呢,目前没东西测试
    hanguokai
        2
    hanguokai  
    OP
       2021-08-02 22:21:45 +08:00
    @ljsh093 暂时不支持(独立或内嵌)字幕,将来可能会支持独立字幕文件。不过很多视频已经把字幕压到视频流里了,这种当然可以显示。
    cpstar
        3
    cpstar  
       2021-08-02 23:13:23 +08:00
    @hanguokai 2#,内嵌字幕流,那你就费劲了,需要播放器能够分离字幕流,目前我感觉普遍网页的播放器(其实就是浏览器的播放器)很少有这能力。
    至于外置 srt 或者 ass,那倒是好办,js 解析,然后 div 层覆盖。
    hanguokai
        4
    hanguokai  
    OP
       2021-08-03 01:30:55 +08:00
    @cpstar 是的,所以之后有时间的话也只会考虑外置的字幕文件。Web 原生只支持 webvtt 格式字幕,其它格式还要自己转一下。Web 对本地文件的支持弱一点,因为对流媒体而言这些不是问题或者说都可以绕过去。
    kkocdko
        5
    kkocdko  
       2021-08-03 14:03:49 +08:00 via Android
    感觉很好用!这个 API 真的不错,我考虑弄个看图的 pwa,因为自带看图不支持 avif
    anubu
        6
    anubu  
       2021-08-28 10:54:24 +08:00
    感谢分享,正在找类似的播放器。

    请问 PWA 能实现视频列表播放、滑动切换等功能吗?
    hanguokai
        7
    hanguokai  
    OP
       2021-08-28 15:41:13 +08:00
    @anubu 支持播放列表,只是还没做播放列表的 UI 。打开文件的时候选择多个文件,鼠标和快捷键可以切换上一个 /下一个视频。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2647 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:22 · PVG 08:22 · LAX 16:22 · JFK 19:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.