온라인 사진(pic_online_front)
사용
- LAN 미디어 서비스는 사진 검색, 만화 읽기, NAS 비디오 재생 등에 사용할 수 있습니다.
- tg 집합 로봇
- 이미지 압축 도구
- 텔레그라프 다운로더
- zfile 동기화 도구
- PicOnline 백엔드
일반 기능
파일 트리 성능 최적화, 다수의 폴더 및 파일에 대한 타겟 최적화
- 반응형 브라우저 및 모바일 창
- 폭포수 흐름, 이미지 지연 로딩 지원
- 창 크기 변경 시 그림 레이아웃 자동 조정 지원
- 여러 언어 지원
- 다크 모드 자동 전환 지원
- 비디오 시청 지원
- 핫키 전환 지원
- 상태 지속성을 지원하고 마지막으로 검색한 폴더를 자동으로 찾습니다.
- 파일 수가 적은 경우 기본 파일의 변경 사항을 자동으로 모니터링하고 자동으로 다시 검사합니다.
- 파일 수가 많은 경우 기본 파일에 대한 수동 재검사가 지원되며, 새로 고침을 통해 파일 목록을 다시 가져올 수 있습니다.
- 파일 트리 확장 최적화, 현재 디렉터리와 상위 노드는 기본적으로 확장되고 다른 노드는 자동으로 축소됩니다.
배포
도커 작성
수동 배포
- 릴리스 버전
-
pic_online.zip : 하위 디렉터리가 아닌 웹사이트의根目录에 있어야 합니다. -
pic_online_pic.zip : 웹사이트 하위 디렉토리 /pic 에 위치해야 합니다.
- gh-pages 분기 버전은 웹사이트 하위 디렉터리
/pic_online 에 있어야 합니다.
참조: LAN 미디어 브라우징 서비스 구축
시사
휴대폰 스크린샷
데스크톱 스크린샷
단축키
그림
- ←: 이전
- →: 다음
- ↑: 1화면 위로 스크롤합니다.
- ↓: 1화면 아래로 스크롤합니다.
- 삭제: 현재 폴더를 삭제합니다.
- RightCtrl: 무작위 표시
동영상
뷰어가 열려 있을 때
https://github.com/fengyuanchen/viewerjs#keyboard-support
- Esc: 전체 화면 종료, 뷰어 닫기,
modal mode 종료 또는 재생 중지 - 스페이스: 게임을 중지하세요.
- Tab: 뷰어의 버튼 초점을 전환합니다.
- Enter: 초점이 맞춰진 버튼에 대한 클릭 작업을 트리거합니다.
- ←: 이전 사진.
- →: 다음 사진.
- ↑: 이미지를 확대합니다.
- ↓: 이미지 크기를 줄입니다.
- Ctrl + 0: 확대/축소 재설정.
- Ctrl + 1: 이미지의 원본 크기로 확대/축소합니다.
플레이어가 열려 있을 때
- 스페이스바: 재생 일시 중지/시작
- f/Enter/Ctrl Enter: 전체 화면/전체 화면 종료
- ←: 재생 진행률-5초
- →: 재생 진행 +5초
- ↑: 볼륨+0.1
- ↓: 볼륨-0.1
- z: 재생 속도를 1.0으로 재설정
- x: 재생 속도 -0.05
- c: 재생 속도 +0.1
엠비
알려진 문제
이미지 CORS 문제
-
node_modules/vue-waterfall-plugin-next/dist/my-lib.es.js:340 라인에 댓글을 달기 - 타사 플러그인 문제
- heikaimu/vue3-waterfall-플러그인#13
서비스 페이지 노드 및 서비스 페이지를 사용할 수 없습니다.
- Vue3으로 업그레이드하여 발생하는 문제일 것입니다. 데이터가 정상적으로 로드되지만 테이블에 데이터가 없습니다.
계속하려면 ...
개발자
종속성 설치
개발 모드에서 앱 시작(핫 코드 다시 로드, 오류 보고 등)
파일 린트
프로덕션용 앱 빌드
구성 사용자 정의
quasar.conf.js 구성을 참조하세요.
감사해요
