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

[hanguokai]

做了一个基于 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 程序，虽然没有传统播放器功能全，也还不错吧😎

[ljsh093]

字幕支持的如何呢，目前没东西测试

[hanguokai]

@ljsh093 暂时不支持（独立或内嵌）字幕，将来可能会支持独立字幕文件。不过很多视频已经把字幕压到视频流里了，这种当然可以显示。

[cpstar]

@hanguokai 2#，内嵌字幕流，那你就费劲了，需要播放器能够分离字幕流，目前我感觉普遍网页的播放器（其实就是浏览器的播放器）很少有这能力。
至于外置 srt 或者 ass，那倒是好办，js 解析，然后 div 层覆盖。

[hanguokai]

@cpstar 是的，所以之后有时间的话也只会考虑外置的字幕文件。Web 原生只支持 webvtt 格式字幕，其它格式还要自己转一下。Web 对本地文件的支持弱一点，因为对流媒体而言这些不是问题或者说都可以绕过去。

[kkocdko]

感觉很好用！这个 API 真的不错，我考虑弄个看图的 pwa，因为自带看图不支持 avif

[anubu]

感谢分享，正在找类似的播放器。

请问 PWA 能实现视频列表播放、滑动切换等功能吗？

[hanguokai]

@anubu 支持播放列表，只是还没做播放列表的 UI 。打开文件的时候选择多个文件，鼠标和快捷键可以切换上一个 /下一个视频。