pic_online

Foto Online (pic_online_front)

usar

• Serviço de mídia LAN, pode ser usado para navegação de imagens, leitura de quadrinhos, reprodução de vídeos NAS, etc.

• robô de agregação tg
• Ferramenta de compressão de imagem
• Downloader do Telegraf
• ferramenta de sincronização zfile
• Back-end do PicOnline

função geral

Otimização do desempenho da árvore de arquivos, otimização direcionada para um grande número de pastas e arquivos

• Navegador responsivo e janelas móveis
• Suporta fluxo em cascata, carregamento lento de imagens
• Suporta ajuste automático do layout da imagem quando o tamanho da janela muda
• Suporta vários idiomas
• Suporta comutação automática do modo escuro
• Suporte para visualização de vídeo
• Suporta troca de teclas de atalho
• Suporta persistência de estado e localiza automaticamente a última pasta navegada
• Quando o número de arquivos é pequeno, ele monitora automaticamente as alterações nos arquivos subjacentes e os verifica novamente.
• Quando o número de arquivos é grande, a nova verificação manual dos arquivos subjacentes é suportada e a lista de arquivos pode ser obtida novamente por meio da atualização.
• Otimização da expansão da árvore de arquivos, o diretório atual e os nós pais são expandidos por padrão e outros nós são automaticamente recolhidos

implantar

• docker-compose

• Implantação manual

  • versão de lançamento
    • pic_online.zip : deve ser colocado no根目录do site, não em subdiretórios
    • pic_online_pic.zip : deve ser colocado no subdiretório do site /pic
  • versão branch gh-pages, deve ser colocada no subdiretório do site /pic_online

• Veja: Construção de serviço de navegação de mídia LAN

Visualização

Captura de tela do celular

Captura de tela da área de trabalho

tecla de atalho

foto

• ←: Anterior
• →: próximo
• ↑: Role 1 tela para cima.
• ↓: Role 1 tela para baixo.

---

• Excluir: Exclua a pasta atual
• RightCtrl: exibição aleatória

vídeo

Quando o visualizador está aberto

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

• Esc: Sai da tela inteira ou fecha o visualizador ou sai modal mode ou interrompe a reprodução
• Espaço: Pare de jogar.
• Tab: Muda o foco do botão do visualizador.
• Enter: Acione uma operação de clique no botão em foco.
• ←: Foto anterior.
• →: Próxima foto.
• ↑: Ampliar imagem.
• ↓: Reduza o tamanho da imagem.
• Ctrl + 0: Redefinir o zoom.
• Ctrl + 1: Aumenta/diminui o zoom no tamanho original da imagem.

Quando o player está aberto

• Espaço: pausar/iniciar reprodução
• f/Enter/Ctrl Enter: Tela inteira/Sair da tela inteira
• ←: Progresso da reprodução-5s
• →: Progresso da reprodução +5s
• ↑: volume+0,1
• ↓: Volume-0,1
• z: redefinir a velocidade de reprodução para 1,0
• x: velocidade de reprodução-0,05
• c: Velocidade de reprodução +0,1

Emby

Conheça os problemas

Problema de CORS de imagem

• Comente node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340 linha
• Problemas com plug-ins de terceiros
• heikaimu/vue3-waterfall-plugin#13

O nó da página de serviço e a página de serviço estão indisponíveis

• Deve ser um problema causado pela atualização para Vue3. Os dados são carregados normalmente, mas a tabela não tem dados.

Continua...

desenvolvedor

Instalar dependências

npm install

Inicie o aplicativo no modo de desenvolvimento (recarregamento de código ativo, relatório de erros, etc.)

quasar dev

Lint os arquivos

npm run lint

Crie o aplicativo para produção

quasar build

Personalize a configuração

Consulte Configurando quasar.conf.js.

Obrigado