Skip to content

Repository files navigation

📼 视频库 Video Library

本地视频文件管理工具 · iOS 风格界面 · 零隐私泄露(所有数据都在本地)

一个帮助你管理本地视频文件的工具:自动扫描文件夹,提取时长 / 分辨率 / 缩略图,支持标签、笔记、收藏、分组、智能分组、搜索筛选。桌面版与网页版同源同貌,双端可用。

🖥️ 桌面版 🌐 网页版
Electron 原生应用,可安装到 Windows PWA,可「安装到桌面」,也可直接在线使用
可扫描管理整盘任意文件夹 需手动选择文件夹(浏览器安全限制)
数据存本机文件 + IndexedDB 数据存浏览器 IndexedDB
👉 Releases 下载 👉 在线预览

✨ 功能特性

  • 📁 本地扫描:选择文件夹自动扫描视频,识别格式、时长、分辨率、文件大小
  • 🖼️ 自动缩略图:视频封面帧自动提取,列表/网格一目了然
  • 🏷️ 标签系统:多标签管理,自由分类
  • 📝 笔记收藏:给每个视频写笔记、加收藏
  • 📂 文件夹分组 + 智能分组:按目录浏览,或按规则自动归类
  • 🔍 搜索筛选:按名称 / 标签 / 笔记全文检索
  • 🎨 iOS 风格界面:毛玻璃(liquid glass)效果,浅色/深色主题,多端自适应
  • 🔒 隐私优先:所有数据只存本机,不上传任何内容,无账号、无追踪
  • 📤 导出导入:JSON / CSV 一键备份与迁移

下载

桌面版安装包请到 Releases 页面下载:

版本 说明
video-library-setup-1.0.0.zip 安装版(支持选择安装目录、创建快捷方式)
video-library-portable-1.0.0.zip 免安装版(解压即用,绿色便携)

👉 前往 Releases 下载

💡 两个压缩包内的 exe 均已内置运行所需环境,无需额外安装任何依赖。

网页版(在线预览 / 可安装)

网页版是纯前端应用(PWA),无需后端、无需构建,支持安装到桌面(Chrome/Edge 打开后点击右上角下载图标;手机 Safari 用「添加到主屏幕」),也支持离线使用。

  • 🔗 在线地址:https://lijiantao0.github.io/Video-library/
  • 📦 部署源:本仓库 docs/ 目录(已启用 GitHub Pages)
  • 也可部署到 Netlify / Vercel / Cloudflare Pages / 对象存储 / 自有服务器

⚠️ 建议部署到 HTTPS。showDirectoryPicker(顺滑的文件夹选择)仅在安全上下文(HTTPS 或 localhost)可用;HTTP 会自动回退为传统选择文件夹模式,功能不受影响。

本地运行:

cd docs
python -m http.server 8123
# 打开 http://localhost:8123

使用说明

  1. 选择文件夹:打开应用后点击「选择文件夹」,或手机端长按选择
  2. 自动扫描:应用自动读取视频元数据并生成缩略图
  3. 管理:打标签、写笔记、加收藏、拖动分组
  4. 搜索:顶部搜索框支持名称 / 标签 / 笔记
  5. 备份:「更多」菜单 → 导出 JSON / CSV

桌面版开发

npm install          # 安装依赖
npm start            # 开发模式运行
npm run build        # 构建免安装版(electron-builder --win portable)

技术栈:Electron + 原生 HTML/CSS/JS(iOS 毛玻璃风格)

系统要求

环境 要求
桌面版 Windows 7 及以上(x64)
网页版 Chrome / Edge / Safari 最新版;支持 HTTPS

项目结构

├── index.html          # 桌面版主界面
├── main.js             # Electron 主进程
├── preload.js          # 预加载脚本
├── sw.js               # Service Worker(离线缓存)
├── js/                 # 桌面版前端逻辑
│   ├── app.js          # 应用入口
│   ├── scanner.js      # 视频扫描
│   ├── extractor.js    # 元数据/缩略图提取
│   ├── metadata.js     # 元数据管理
│   ├── player.js       # 播放器
│   ├── filter.js       # 搜索筛选
│   ├── storage.js      # 本地存储
│   └── ui.js           # 界面渲染
├── css/                # 样式(iOS 毛玻璃)
├── docs/               # 🌐 网页版(纯前端,GitHub Pages 部署源)
├── icon.*              # 应用图标
├── installer.nsi       # NSIS 安装脚本
└── package.json        # 构建配置

更新日志

v1.0.0 (2026-07-26)

  • 🎉 首个正式版本
  • 桌面版:Electron 安装版 + 免安装版
  • 网页版:纯前端 PWA,支持安装到桌面
  • 支持标签 / 笔记 / 收藏 / 分组 / 智能分组 / 搜索 / 导出导入

许可

MIT © Video Library

About

📼 本地视频文件管理工具 · iOS 风格界面 · 数据全在本地(Electron 桌面版 + 纯前端网页版)

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages