📖 작품 뷰어 세부 정책 문서 (변경중)

1. 목적

도서를 읽을 수 있는 화면을 뷰어라고 칭함. 사용자가 다양한 언어로 그림책을 열람하고, 뷰어 내에서 밝기 조절, 자동 스크롤, 녹음 등의 기능을 활용할 수 있도록, 작품 뷰어의 UI 구성 및 인터랙션 원칙을 정의한다.

뷰어 형식: 세로 스크롤 기반
초기 언어 설정:
- 구독자 및 비구독자 모두 처음으로 작품 뷰어에 진입할 때 독서 언어 설정 모달이 노출됨
- 설정한 언어는 앱 전체에 공통 적용되며, 이후 작품에서도 그대로 유지됨
- 언어 변경은 뷰어 내 [설정] 팝업 또는 [마이 > 앱 언어 설정]에서 가능함
언어 스와이프 구조:
- 설정된 언어 간에는 스와이프 제스처로 전환 가능함
- 화면 중앙: 주언어 (주언어 기본 or 유저가 가운데 카드에 설정한 언어)
- 왼쪽/오른쪽: 부언어 1~2개 (작품이 해당 언어를 지원할 경우에만)
- 제공되지 않는 언어는 dim 처리
- 언어 재설정은 하단 설정 메뉴나 마이의 뷰어 설정에서 가능함.
언어 상태 표시:
- 언어를 2개 이상 설정한 사용자가 뷰어에 진입할 경우, 설정된 언어 목록을 안내하는 토스트 메시지가 노출됩니다.

노출 방식:
- 상단과 동일하게 화면 하단에 고정된 형태로 노출됨
- 스크롤과 무관하게 하단 고정 표시, 상/하단 15% 위치 탭하면 상/하 영역 동시 노출.
구성:
1. 뷰어 설정: 클릭 시 2뎁스로 진입하며, 2뎁스는 창 크기가 변함
  - 구성 항목:
    - 자동 스크롤 ON/OFF 토글: ON 시 뷰어 우측에 속도 조절 버튼 노출
    - 밝기 조절: 수평 슬라이더로 밝기 조정
2. 읽기/녹음 모드 토글 버튼: 클릭 시 녹음 모드로 전환되며 상태창 노출 2뎁스는 창 크기가 변함
3. 언어 상태 및 설정: 현재 언어 표시 및 변경 2뎁스는 창 크기가 변함
  - 구성 항목:
    - 현재 설정된 주언어 및 부언어 표시
    - 언어 변경 옵션 제공 (작품 제공 언어 기준으로 제한)
위 메뉴들은 모두 하단 고정형 1뎁스 UI에서 진입하며, 각 항목 클릭 시 개별 2뎁스 화면으로 전환됨
1. 에피소드가 있는 작품은 이전 화로 가기, 다음 화로 가기 버튼 표시

진입 조건: 뷰어 설정 팝업 내 토글 → '녹음'으로 변경 시
화면 변경: 기존 하단 설정이 녹음 전용 상태창으로 전환
상태창 구성:
- 녹음 / 일시정지 / 재생 / 녹음 완료 / 나가기(X) 버튼
- 녹음 진행 시간 표시 (HH:MM)
- 녹음 볼륨 및 진행상황 시각화 표시: 파형 애니메이션
- 볼륨은 따로 두지 않고 적정 볼륨을 자동으로 설정하여 녹음함
뷰어 제한: 세로 스크롤만 허용, 언어 전환 및 기타 설정은 비활성화
저장 방식: 유저 사이드에서 녹음 완료한 책은 "내 계정 > 내가 녹음한 책”에 저장됨. 기기/서버 업로드 여부 별도 정책 필요.
저장 후: 안내 문구 출력 후 상태창이 플레이어 모드로 전환
안내 문구 예시: "000님만의 오디오북이 완성되었습니다! 내 계정 > 나만의 오디오북에 저장 되었어요.”

탭 전환 애니메이션: 부드러운 스와이프 전환 효과
상단/하단 영역 자동 숨김:
- 뷰어 첫 진입시 상 하단 영역 노출
- 첫 진입 후 10초간 아무 동작없거나 / 스크롤, 스와이프시 상하단영역 숨김
- UI가 숨겨진 상태에서는 화면 상단/하단 15% 영역을 터치했을 때 상단/하단 UI가 다시 노출됨
- 전체 화면 아무 곳이나 터치 시에는 동작하지 않음 (아이들 몰입 방해 방지 목적)
뷰어 닫기 시 상태 저장: 마지막 스크롤 지점, 언어 상태, 밝기 설정 등은 자동 저장됨