pic_online

Bild online (pic_online_front)

verwenden

• LAN-Mediendienst, kann zum Durchsuchen von Bildern, zum Lesen von Comics, zum Abspielen von NAS-Videos usw. verwendet werden.

• TG-Aggregationsroboter
• Bildkomprimierungstool
• Telegraf-Downloader
• Zfile-Synchronisierungstool
• PicOnline-Backend

allgemeine Funktion

Optimierung der Dateibaumleistung, gezielte Optimierung für eine große Anzahl von Ordnern und Dateien

• Responsiver Browser und mobile Fenster
• Unterstützt den Wasserfallfluss und das verzögerte Laden von Bildern
• Unterstützt die automatische Anpassung des Bildlayouts, wenn sich die Fenstergröße ändert
• Unterstützt mehrere Sprachen
• Unterstützt das automatische Umschalten des Dunkelmodus
• Unterstützt die Videowiedergabe
• Unterstützt Hotkey-Umschaltung
• Unterstützt die Statuspersistenz und findet automatisch den zuletzt durchsuchten Ordner
• Wenn die Anzahl der Dateien gering ist, werden Änderungen in den zugrunde liegenden Dateien automatisch überwacht und diese automatisch erneut gescannt.
• Wenn die Anzahl der Dateien groß ist, wird das manuelle erneute Scannen der zugrunde liegenden Dateien unterstützt, und die Dateiliste kann durch Aktualisieren erneut abgerufen werden.
• Bei der Optimierung der Dateibaumerweiterung werden das aktuelle Verzeichnis und die übergeordneten Knoten standardmäßig erweitert und andere Knoten werden automatisch reduziert

einsetzen

• Docker-Compose

• Manuelle Bereitstellung

  • Release-Version
    • pic_online.zip : muss im根目录der Website abgelegt werden, nicht in Unterverzeichnissen
    • pic_online_pic.zip : muss im Website-Unterverzeichnis /pic abgelegt werden
  • Die Zweigversion von gh-pages muss im Website-Unterverzeichnis /pic_online abgelegt werden

• Siehe: Aufbau eines LAN-Medienbrowserdienstes

Vorschau

Handy-Screenshot

Desktop-Screenshot

Hotkey

Bild

• ←: Zurück
• →: weiter
• ↑: Einen Bildschirm nach oben scrollen.
• ↓: Einen Bildschirm nach unten scrollen.

---

• Löschen: Den aktuellen Ordner löschen
• RightStrg: Zufällige Anzeige

Video

Wenn der Viewer geöffnet ist

https://github.com/fengyuanchen/viewerjs#keyboard-support

• Esc: Vollbild verlassen oder Viewer schließen oder modal mode verlassen oder Wiedergabe stoppen
• Leertaste: Hör auf zu spielen.
• Tab: Ändert den Schaltflächenfokus des Betrachters.
• Eingabetaste: Lösen Sie einen Klickvorgang auf der fokussierten Schaltfläche aus.
• ←: Vorheriges Bild.
• →: Nächstes Bild.
• ↑: Bild vergrößern.
• ↓: Bildgröße reduzieren.
• Strg + 0: Zoom zurücksetzen.
• Strg + 1: Vergrößern/verkleinern Sie das Bild auf die Originalgröße.

Wenn der Player geöffnet ist

• Leertaste: Wiedergabe anhalten/starten
• f/Enter/Strg Enter: Vollbild/Vollbild beenden
• ←: Wiedergabefortschritt – 5 Sekunden
• →: Wiedergabefortschritt +5s
• ↑: Lautstärke+0,1
• ↓: Volumen-0,1
• z: Wiedergabegeschwindigkeit auf 1,0 zurücksetzen
• x: Wiedergabegeschwindigkeit-0,05
• c: Wiedergabegeschwindigkeit +0,1

Emby

Kennen Sie Probleme

Bild CORS-Problem

• Kommentieren Sie node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340
• Probleme mit Plug-Ins von Drittanbietern
• heikaimu/vue3-waterfall-plugin#13

Der Serviceseitenknoten und die Serviceseite sind nicht verfügbar

• Es sollte ein Problem sein, das durch das Upgrade auf Vue3 verursacht wurde. Die Daten werden normal geladen, aber die Tabelle enthält keine Daten. Es wurde nicht behoben.

Fortgesetzt werden...

Entwickler

Abhängigkeiten installieren

npm install

Starten Sie die App im Entwicklungsmodus (Hot-Code-Neuladen, Fehlerberichterstattung usw.)

quasar dev

Fusseln Sie die Dateien

npm run lint

Erstellen Sie die App für die Produktion

quasar build

Passen Sie die Konfiguration an

Siehe Konfigurieren von quasar.conf.js.

Danke