pic_online

Imagen en línea (pic_online_front)

usar

• Servicio de medios LAN, se puede utilizar para explorar imágenes, leer cómics, reproducir vídeos nas, etc.

• robot de agregación tg
• Herramienta de compresión de imágenes
• Descargador de Telegraf
• herramienta de sincronización de archivos z
• backend de PicOnline

función general

Optimización del rendimiento del árbol de archivos, optimización específica para una gran cantidad de carpetas y archivos

• Navegador responsivo y ventanas móviles
• Admite flujo en cascada, carga diferida de imágenes
• Admite el ajuste automático del diseño de la imagen cuando cambia el tamaño de la ventana
• Soporta múltiples idiomas
• Admite el cambio automático del modo oscuro
• Admite visualización de vídeos
• Admite cambio de teclas de acceso rápido
• Admite la persistencia del estado y localiza automáticamente la última carpeta explorada
• Cuando la cantidad de archivos es pequeña, monitorea automáticamente los cambios en los archivos subyacentes y los vuelve a escanear automáticamente.
• Cuando la cantidad de archivos es grande, se admite la reexploración manual de los archivos subyacentes y la lista de archivos se puede volver a obtener actualizando.
• Optimización de la expansión del árbol de archivos, el directorio actual y los nodos principales se expanden de forma predeterminada y otros nodos se contraen automáticamente

desplegar

• docker-componer

• Implementación manual

  • versión de lanzamiento
    • pic_online.zip : debe colocarse en根目录del sitio web, no en subdirectorios
    • pic_online_pic.zip : debe colocarse en el subdirectorio del sitio web /pic
  • Versión de rama de gh-pages, debe colocarse en el subdirectorio del sitio web /pic_online

• Ver: Construcción de servicio de navegación de medios LAN

Avance

Captura de pantalla del teléfono móvil

Captura de pantalla del escritorio

tecla de acceso rápido

imagen

• ←: Anterior
• →: siguiente
• ↑: Desplazarse hacia arriba 1 pantalla.
• ↓: Desplazarse hacia abajo 1 pantalla.

---

• Eliminar: elimina la carpeta actual
• Ctrl derecho: visualización aleatoria

video

Cuando el visor está abierto

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

• Esc: salir de la pantalla completa o cerrar el visor o salir modal mode o detener la reproducción
• Espacio: deja de jugar.
• Tabulador: cambia el foco del botón del visor.
• Intro: activa una operación de clic en el botón enfocado.
• ←: Imagen anterior.
• →: Siguiente imagen.
• ↑: Ampliar imagen.
• ↓: Reducir el tamaño de la imagen.
• Ctrl + 0: restablecer el zoom.
• Ctrl + 1: acercar/alejar al tamaño original de la imagen.

Cuando el reproductor está abierto

• Espacio: Pausa/Iniciar reproducción
• f/Entrar/Ctrl Entrar: Pantalla completa/Salir de pantalla completa
• ←: Progreso de reproducción-5s
• →: Progreso de reproducción +5s
• ↑: volumen+0,1
• ↓: Volumen-0.1
• z: restablecer la velocidad de reproducción a 1,0
• x: velocidad de reproducción-0,05
• c: Velocidad de reproducción +0,1

emby

Conozca los problemas

Problema de CORS de imagen

• Comentar node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340 línea
• Problemas con complementos de terceros
• heikaimu/vue3-cascada-plugin#13

El nodo de la página de servicio y la página de servicio no están disponibles

• Debería ser un problema causado por la actualización a Vue3. Los datos se cargan normalmente, pero la tabla no tiene datos.

Continuará...

desarrollador

Instalar dependencias

npm install

Inicie la aplicación en modo de desarrollo (recarga de código activo, informe de errores, etc.)

quasar dev

Pelusa los archivos

npm run lint

Cree la aplicación para producción

quasar build

Personaliza la configuración

Consulte Configuración de quasar.conf.js.

Gracias