1) 서비스 소개
Classlingo는 영상 기반 외국어 학습 플랫폼입니다. 좋아하는 영상으로 듣고(리스닝), 따라 말하고(쉐도잉), 이해하고(자막/번역), 정리하고(노트), 복습(퀴즈)까지 한 화면에서 완성합니다.
- 영상 플레이어 + 자막/단어/노트 패널
- 전체문장 듣기(TTS), 구간 반복, 속도 조절
- 쉐도잉 녹음 → STT → 발음/유사도 평가
- 단어장/사전 레이어, 자동 번역, 퀴즈/통계
2) 시작 전 준비
- 회원 계정 준비 및 로그인
- 권장 환경: 최신 크롬/엣지/사파리, 안정적 네트워크
- 이어폰/헤드셋 사용 권장, 마이크 권한 허용(쉐도잉)
- 모바일 앱(WebView) 사용 시 알림·파일/마이크 권한 허용
3) 첫 학습 시작하기
- 메뉴에서 학습 또는 영상 목록으로 이동
- 영화·음악·토크·뉴스 등 원하는 콘텐츠 선택
- 학습 시작 버튼을 눌러 플레이어 화면으로 진입
- 첫 재생 시 브라우저 자동재생 정책으로 클릭이 필요할 수 있음
4) 학습 화면 안내
- 좌측: 영상 플레이어(오버레이 컨트롤, 구간 반복/속도)
- 우측: 자막/단어/노트 패널(독립 스크롤, sticky 헤더)
- 모바일: 상/하 스택 레이아웃, 바텀시트 팝업
5) 듣기·자막 모드
듣기(리스닝), 쉐도잉, 자막 모드를 전환하며 학습 흐름을 조절합니다. 현재 재생 위치의 자막은 자동으로 스크롤 및 강조됩니다.
- 자막 토글: 자막 보이기/숨기기
- 현재 자막 강조 및 자동 스크롤
- 자막 클릭으로 해당 위치로 점프
6) 전체문장 듣기(TTS)
- 웹: Web Speech API로 문장 단위 재생
- 앱(WebView): 네이티브 TTS 호출로 동일한 경험 제공
- 단어별 하이라이트로 발화 타이밍을 시각화
7) 쉐도잉: 녹음 → STT → 평가
- 마이크 권한 허용 후 녹음 시작
- 녹음 파일 업로드 → Whisper STT로 텍스트 변환
- 정답 문장과의 유사도/발음 정확도 자동 평가
조용한 환경에서 이어폰/헤드셋 사용을 권장합니다.
8) 단어장 / 사전 레이어
- 단어 클릭 → 자막 영역 위 사전 레이어 표시
- 단어장 저장 버튼으로 즉시 저장
- 분류(신규/학습중/완료)로 관리하고 복습
9) 번역 보기/숨기기
- DB에 저장된 번역은 재사용, 누락분은 자동 번역으로 보완
- 사용자 보정 번역은 덮어쓰지 않음
- 번역 토글로 집중 모드 전환
10) 퀴즈 & 노트
- 학습한 문장/단어로 맞춤형 퀴즈 자동 생성
- 의미 블록 기반 난이도 조절로 누적 복습
- 핵심 표현/패턴은 노트에 정리
11) 학습 통계/대시보드
- 세션·총 학습 시간, 구간 반복/재생 횟수 집계
- 퀴즈 결과와 취약 패턴을 시각화
- 개인 맞춤 추천 복습으로 연결
12) 모바일 · 앱(WebView) 사용
- 모바일: 팝업 대신 페이지 전환, 바텀시트로 중요한 조작 제공
- 앱(WebView): 네이티브 TTS/파일 권한 활용, 뒤로가기 동작 분기
- 전체화면에서도 오버레이 컨트롤이 보이도록 z-index/안전영역 적용
13) 단축키(PC)
Space 재생/일시정지
L A–B 구간 반복 토글
, / . 구간 이동
↓/↑ 자막 항목 이동
S 전체문장 듣기 시작
D 자막 표시 토글
14) 결제/구독(선택 기능)
- 요금제 확인 및 결제는 마이페이지/결제 메뉴에서 진행
- 환불/해지는 약관 및 안내에 따라 처리
15) 개인정보/보안
- 개인정보는 안전하게 관리되며, 학습 데이터는 서비스 개선에 사용될 수 있음
- 비밀번호는 주기적으로 변경하고 타 서비스와 중복 사용 금지
16) 자주 묻는 질문 (FAQ)
영상이 재생되지 않아요
브라우저 자동재생 정책으로 인해 첫 재생은 클릭이 필요할 수 있습니다. 네트워크 상태와 브라우저 업데이트를 확인하세요.
마이크가 작동하지 않아요
사이트의 마이크 권한을 허용했는지 확인하고, 이어폰/헤드셋을 사용하는지 점검하세요. 앱(WebView)에서는 시스템 권한도 허용해야 합니다.
음성 인식(STT) 결과가 비어 있어요
소음이 적은 환경에서 또렷하게 발화해 보세요. 연결 상태 불안정 시 업로드 기반 STT가 완료될 때까지 잠시 기다려 주세요.
TTS가 들리지 않아요
브라우저/앱의 미디어 음량 및 음성 언어 설정을 확인하고, 다른 탭/앱에서 오디오가 재생 중인지 확인하세요.
모바일에서 팝업이 안 떠요
모바일에서는 페이지 전환과 바텀시트를 사용합니다. 팝업 차단 대신 전용 화면으로 안내됩니다.
유튜브 일시정지 시 오버레이 때문에 재생 버튼을 못 눌러요
플레이어 상단에 제공되는 재생 버튼(오버레이)을 이용해 재생하세요. 해당 버튼은 일시정지 오버레이 위에서도 동작하도록 설계되어 있습니다.
17) 문제 해결 체크리스트
- 브라우저/앱 최신 버전인지 확인
- 네트워크 상태 점검(모바일 데이터/와이파이 전환)
- 마이크/오디오 권한 및 음량 확인
- 새로고침 후에도 동일하면 로그아웃→로그인
18) 고객지원
- 사이트 내 1:1 문의 또는 문의하기 메뉴를 이용하세요.
- 오류 상황은 스크린샷과 함께 발생 시간/영상 링크를 알려주면 빠른 도움을 받을 수 있습니다.