pic_online

Фото онлайн (pic_online_front)

использовать

• Медиа-сервис локальной сети, можно использовать для просмотра изображений, чтения комиксов, воспроизведения видео и т. д.

• робот-агрегатор tg
• Инструмент сжатия изображений
• Телеграф-загрузчик
• инструмент синхронизации zfile
• PicOnline серверная часть

общая функция

Оптимизация производительности дерева файлов, целевая оптимизация для большого количества папок и файлов.

• Адаптивный браузер и мобильные окна
• Поддержка каскадного потока, ленивая загрузка изображений
• Поддерживает автоматическую настройку макета изображения при изменении размера окна.
• Поддержка нескольких языков
• Поддержка автоматического переключения темного режима
• Поддержка просмотра видео
• Поддержка переключения горячих клавиш
• Поддерживает сохранение состояния и автоматически находит последнюю просматриваемую папку.
• Когда количество файлов невелико, он автоматически отслеживает изменения в базовых файлах и автоматически сканирует их повторно.
• Если количество файлов велико, поддерживается повторное сканирование базовых файлов вручную, а список файлов можно повторно получить путем обновления.
• Оптимизация расширения дерева файлов: текущий каталог и родительские узлы расширяются по умолчанию, а другие узлы автоматически сворачиваются.

развертывать

• docker-compose

• Развертывание вручную

  • релизная версия
    • pic_online.zip : должен быть размещен в根目录веб-сайта, а не в подкаталогах.
    • pic_online_pic.zip : должен быть помещен в подкаталог веб-сайта /pic
  • Версия ветки gh-pages должна быть размещена в подкаталоге сайта /pic_online

• См.: Создание службы просмотра мультимедиа в локальной сети.

Предварительный просмотр

Скриншот мобильного телефона

Скриншот рабочего стола

горячая клавиша

картина

• ←: Предыдущий
• →: следующий
• ↑: Прокрутите 1 экран вверх.
• ↓: Прокрутить вниз на 1 экран.

---

• Удалить: удалить текущую папку.
• RightCtrl: случайное отображение

видео

Когда просмотрщик открыт

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

• Esc: выход из полноэкранного режима, закрытие средства просмотра, выход из modal mode или остановка воспроизведения.
• Пробел: Хватит играть.
• Вкладка: переключает фокус кнопки просмотра.
• Ввод: запуск операции щелчка по кнопке, находящейся в фокусе.
• ←: Предыдущее изображение.
• →: Следующее изображение.
• ↑: Увеличить изображение.
• ↓: Уменьшить размер изображения.
• Ctrl + 0: сбросить масштаб.
• Ctrl + 1: увеличить/уменьшить изображение до исходного размера.

Когда плеер открыт

• Пробел: пауза/начало воспроизведения.
• f/Enter/Ctrl Enter: полноэкранный режим/выход из полноэкранного режима
• ←: Прогресс воспроизведения-5 с
• →: Прогресс воспроизведения +5 с.
• ↑: громкость+0,1
• ↓: Объем-0,1
• z: сбросить скорость воспроизведения до 1,0.
• х: скорость воспроизведения-0,05
• в: Скорость воспроизведения +0,1.

Эмби

Знать проблемы

Проблема с изображением CORS

• Комментарий node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340 строка
• Проблемы со сторонними плагинами
• heikaimu/vue3-waterfall-plugin#13

Узел страницы обслуживания и страница обслуживания недоступны.

• Это должна быть проблема, вызванная обновлением до Vue3. Данные загружаются нормально, но в таблице нет данных. Это не решено.

Продолжение следует...

разработчик

Установить зависимости

npm install

Запустите приложение в режиме разработки (перезагрузка горячего кода, отчеты об ошибках и т. д.).

quasar dev

Линтовать файлы

npm run lint

Создайте приложение для производства

quasar build

Настройте конфигурацию

См. Настройка quasar.conf.js.

Спасибо