{"id":20978099,"url":"https://github.com/iitii/pic_online","last_synced_at":"2025-05-14T14:32:28.112Z","repository":{"id":65755802,"uuid":"293445240","full_name":"IITII/pic_online","owner":"IITII","description":"局域网媒体浏览服务, 图片, 漫画, 视频,,,","archived":false,"fork":false,"pushed_at":"2024-12-04T09:38:59.000Z","size":25862,"stargazers_count":24,"open_issues_count":1,"forks_count":1,"subscribers_count":0,"default_branch":"vue3","last_synced_at":"2025-05-10T03:46:49.836Z","etag":null,"topics":["element-ui","image","pic-online","pwa-apps","quasar","vue","vuex","vuex-store","waterfall-layout"],"latest_commit_sha":null,"homepage":"https://iitii.github.io/pic_online/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IITII.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-07T06:48:07.000Z","updated_at":"2025-01-12T14:13:56.000Z","dependencies_parsed_at":"2024-11-20T14:19:26.651Z","dependency_job_id":"ffb389f1-c979-4a9d-8be7-e56fd32b4aea","html_url":"https://github.com/IITII/pic_online","commit_stats":{"total_commits":106,"total_committers":1,"mean_commits":106.0,"dds":0.0,"last_synced_commit":"65e8b9dbe575c1b8322943644cfeb5039b792419"},"previous_names":[],"tags_count":61,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IITII%2Fpic_online","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IITII%2Fpic_online/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IITII%2Fpic_online/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IITII%2Fpic_online/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IITII","download_url":"https://codeload.github.com/IITII/pic_online/tar.gz/refs/heads/vue3","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254160648,"owners_count":22024574,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["element-ui","image","pic-online","pwa-apps","quasar","vue","vuex","vuex-store","waterfall-layout"],"created_at":"2024-11-19T05:04:21.237Z","updated_at":"2025-05-14T14:32:28.106Z","avatar_url":"https://github.com/IITII.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pic Online (pic_online_front)\n\n## 用途\n\n* 局域网媒体服务, 可用于图片浏览, 漫画阅读, 播放 nas 视频等...\n\n- [tg 聚合机器人](https://github.com/IITII/tg_setu_bot)\n- [图片压缩工具](https://github.com/IITII/pic_minify)\n- [Telegraf 下载器](https://github.com/IITII/telegraph_downloader)\n- [zfile 同步工具](https://github.com/IITII/zfile_sync)\n- [PicOnline 后端](https://github.com/IITII/pic_online_backend)\n\n## 大体功能\n\n\u003e 文件树性能优化, 对大量文件夹和文件的情况进行了定向优化\n\n* 自适应浏览器和手机窗口\n* 支持瀑布流, 图片懒加载\n* 支持窗口大小变化时, 自动对图片布局进行调整\n* 支持多语言\n* 支持暗黑模式自动切换\n* 支持视频观看\n* 支持热键切换\n* 支持状态持久化, 自动定位至上次浏览文件夹\n* 文件数少时, 自动监听底层文件变化, 自动重新扫描\n* 文件数多时, 支持手动重新扫描底层文件, 刷新即可重新获取文件列表\n* 文件树展开优化, 默认展开当前目录及父节点, 其他节点自动折叠\n\n## 部署\n\n* [docker-compose](./docker.md)\n\n* 手动部署\n  * release 版本\n    * `pic_online.zip`: 必须放在网站 `根目录` 下, 不能放在子目录下\n    * `pic_online_pic.zip`: 必须放在网站子目录 `/pic` 下\n  * gh-pages 分支版本, 必须放在网站子目录 `/pic_online` 下\n\n* See：[局域网媒体浏览服务搭建](./build.md)\n\n## 预览\n\n### 手机截图\n\n![alt](./docs/imgs/5.jpeg)\n\n### 桌面截图\n\n![alt](./docs/imgs/4.jpg)\n![alt](./docs/imgs/1.jpg)\n![alt](./docs/imgs/2.jpg)\n![alt](./docs/imgs/3.jpg)\n\n## 热键\n\n### 图片\n\n* ←: 上一个\n* →: 下一个\n* ↑: 向上滚动 1 个屏幕.\n* ↓: 向下滚动 1 个屏幕.\n---\n\n\u003c!--\n* a: 上一个\n* d: 加载更多\n* w: 向上滚动 1 个屏幕.\n* s: 向下滚动 1 个屏幕.\n* r: 刷新页面\n* q: 回到顶部\n* e: 下一个\n* 0: 加载更多\n--\u003e\n\n\n* Delete: 删除当前文件夹\n* RightCtrl: 随机展示\n\n### 视频\n\n### viewer 打开时\n\n\u003e https://github.com/fengyuanchen/viewerjs#keyboard-support\n\n* Esc: 退出全屏或者关闭查看器或者退出 `modal mode` 或者停止播放\n* Space: 停止播放.\n* Tab: 切换 viewer 的 button 焦点.\n* Enter: 在焦点的 button 上面触发点击操作.\n* ←: 上一张.\n* →: 下一张.\n* ↑: 放大图片.\n* ↓: 缩小图片.\n* Ctrl + 0: 重置缩放.\n* Ctrl + 1: 放大/缩小到图片的原始大小.\n\n### 播放器打开时\n\n* Space: 暂停/开始 播放\n* f / Enter / Ctrl Enter: 全屏/退出全屏\n* ←: 播放进度-5s\n* →: 播放进度+5s\n* ↑: 音量 +0.1\n* ↓: 音量 -0.1\n* z: 重置播放速度 1.0\n* x: 播放速度 -0.05\n* c: 播放速度 +0.1\n\n### Emby\n\n## Know issues\n\n### 图片 CORS 问题\n\n* 注释 `node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340` 行\n* 第三方插件问题\n* https://github.com/heikaimu/vue3-waterfall-plugin/issues/13\n\n### 服务页面 node 和 service 页不可用\n\n* 应该是升级到 Vue3 引发的问题, 数据正常加载, table 无数据, 未解决\n\n## To be continue...\n\n## dev\n\n### Install dependencies\n\n```bash\nnpm install\n```\n\n### Start the app in development mode (hot-code reloading, error reporting, etc.)\n\n```bash\nquasar dev\n```\n\n### Lint the files\n\n```bash\nnpm run lint\n```\n\n### Build the app for production\n\n```bash\nquasar build\n```\n\n### Customize the configuration\n\nSee [Configuring quasar.conf.js](https://v1.quasar.dev/quasar-cli/quasar-conf-js).\n\n## Thanks\n\n\u003ca href=\"https://jb.gg/OpenSourceSupport\"\u003e\n\u003cimg height=\"100px\" src=\"https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.png\" alt=\"JetBrains Logo (Main) logo.\"\u003e\n\u003c/a\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiitii%2Fpic_online","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiitii%2Fpic_online","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiitii%2Fpic_online/lists"}