> 공개 상태 업데이트 · 2026-09-17
> 본 강의는 공개 사이트에 게시되었습니다. 공식 금융교실 주소에서 처음·중간·마지막 장면 재생과 이미지 로딩을 확인했고, 전체 제공 파일 및 음원·영상의 구간 요청을 검사했습니다. 아래의 비공개·검토본 표현은 제작 당시의 상태입니다. 외부 전문가 인증이나 전체 음원의 연속 청취를 실시했다는 뜻은 아닙니다.

# 강의형 롱폼 플레이어 V3 검수

검수일: 2026-09-17. 새 미리보기: http://127.0.0.1:8834/

## 확인한 원인

이전 주소의 8794 포트는 다른 콘텐츠의 검수 서버에서 사용되고 있었다. 기존 탭에는 강의 페이지가 남아 있었지만 강의 MP4와 MP3 요청은 404를 반환했다. 페이지의 기존 미디어는 readyState 0, 탐색 가능 구간 0이었다. 다른 작업의 서버를 중단하지 않고 강의 전용 8834 포트를 사용하도록 변경했다. `/__health__`에서 앱 이름과 버전도 확인한다.

기존 강의형의 구간 버튼은 MP4의 위치만 변경해, 장 선택과 처음부터를 누르면 바로 재생되는 이야기형과 다르게 작동했다. 전체 위치 탐색 막대도 별도로 제공하지 않았다.

## 수정

- 이야기형의 로고, 첫 화면, 그림 아래 자막, 재생 제어, 우측 목차와 저장 안내를 같은 CSS와 구성으로 통일했다.
- 검증된 32개 장면별 MP3와 새 강의 슬라이드를 결합했다. MP4는 다운로드 자료로 제공한다.
- 8개 장과 32개 장면 선택, 처음부터, 지정 시각은 해당 위치에서 바로 재생한다.
- 전체 탐색 막대와 ±10초 이동은 현재 재생·정지 상태를 유지한다. 장면 경계를 넘어도 이동한다.
- 음원 로딩 중 탐색 위치를 보관하며, 빠르게 구간을 바꿀 때 이전 이벤트와 재생 요청은 폐기한다.
- 재생 요청 취소를 오류로 오인하지 않고, 실제 음원 오류는 같은 구간에서 재시도한다.
- 진도·음량·배속·자막 크기·체크표 저장, 기록 삭제와 종료 안내를 제공한다.
- 영상에 자막을 넣어 재생하는 구조를 없애 웹 자막은 그림 아래 1개만 표시한다. 대본과 다운로드 MP4의 내용은 변경하지 않았다.

## 실제 브라우저 검사

Codex 인앱 브라우저에서 다음을 수행했다.

|검사|결과|
|최초 재생|실제 currentTime 증가, paused false, readyState 4|
|8개 장 바로가기|모두 해당 시작 장면으로 이동하고 자동 재생|
|32개 장면 바로가기|모두 올바른 장면·그림 로딩, 음원 readyState 4, 재생 확인|
|처음부터|00:00, 장면 1로 이동하고 자동 재생|
|장면 경계|00:35부터 실제 재생해 장면 1에서 장면 2로 연속 이동|
|전체 탐색 막대|중간 위치 클릭으로 09:54 이동, 일시정지 상태 유지|
|±10초|09:54에서 09:44로 이전 장면 이동 후 복귀|
|이어 듣기|새로고침 후 09:54 위치, 1.3배, 큰 자막 복원; 자동 소리 재생 없음|
|음원 오류·재시도|검수용 경로에서 503을 재현, 완료로 오인하지 않음, 같은 장면에서 재시도 후 재생|
|종료|19:48부터 실제 재생해 19:49 종료 안내 표시, 다시 처음부터 재생|

재생 상태 관리 핵심 코드에 대해 로딩 중 탐색, 빠른 전환, 이전 재생 Promise 실패, 오류 복구, 끝과 재시작 등 12개 회귀 검사도 통과했다. 테스트: `production/test_transport.mjs`.

정적 링크와 음원·그림·MP4 요청에서 HTTP 200을 확인했다. 실제 휴대전화 청취 검사와 전편 사람 청취를 수행한 결과는 아니다.

추가 확인: 375px 모바일 화면의 문서 폭과 스크롤 폭이 일치했다. 재생·처음부터 버튼이 한 줄에 배치되도록 보정했고 자막은 1개, 활성 음원은 1개였다. 기록 삭제 후 00:00·1배·음량 40%·기본 자막·일시정지 상태를 새로고침 후 확인했다.

---

# 이전 제작·검수 기록 (V2 이하)

# 디자인 개선본 V2 — 2026-09-16

현재 제공 영상은 19분 49.512초의 V2입니다. 32개 화면을 재설계하고 웹 자막 중복을 수정했습니다. 기존 대본·음성과 아라비아 숫자 표기를 유지했습니다.

자막 포함 MP4 SHA-256: a19bcd2d0df6adabddfb62636b7569ec6170f84242928e458cdc2307babb6e7e

웹용 무자막 MP4 SHA-256: 8c46adbf4b382d56dbab9aff90fdf3d4133f62c8232b5c9ec9809273dc8dfed1

두 파일 모두 전체 디코딩 오류가 없었습니다. 아래 V2 검수에 이어 초기 제작의 내용·음성 검수 기록을 보존합니다. 초기 기록의 영상 해시는 이전 버전입니다.

# 보험 생존 가이드 — 디자인 개정 검수

## 문제와 수정

- 이전 웹은 자막을 입힌 MP4와 외부 자막을 동시에 표시했다. 새 웹은 자막 없는 MP4를 사용한다. 넓은 화면은 네이티브 WebVTT, 좁은 화면과 자막 확대 모드는 영상 아래 읽기 쉬운 자막을 표시하며 서로 배타적으로 전환한다. 다운로드 MP4에는 자막을 1회만 입혔다.
- 모바일 확대 자막이 도표를 가리는 문제를 실제 화면에서 발견했다. 모바일 일반 재생은 영상 아래 자막으로 바꿔 도표를 가리지 않도록 수정했다.
- 기존의 반복되는 카드 배치에서 벗어나 계약서 해설, 위험 개념도, 기간 비교, 비례 막대, 큰 숫자 계산, 계약 비교표, 판단 연습을 각각 설계했다.
- Noto Sans KR와 Noto Serif KR를 역할별로 구분하고 제목·핵심 질문·보조 설명의 크기와 여백을 재설계했다. 제목이 3줄인 화면에서 설명과 겹친 부분을 이미지로 발견해 자동 간격 계산으로 수정했다.
- 새 표지 삽화는 imagegen 내장 도구로 생성했다. 질감 있는 종이·남색·청록·금색의 계약서와 돋보기 구성을 사용한다. 생성 원본은 art/hero-v2.png이며 코드로 조판한 도표와 구분한다.

## 실제 확인

32개 새 슬라이드 전체를 접촉 인화표로 확인하고, 최종 MP4에서도 각 장면을 추출하여 자막과 함께 확인했다. 계약 교체 흐름 등은 원본 해상도로 추가 확인했다. 상세 제목·설명 겹침, 숫자·단위, 기산점·예외 표시를 점검했다.

웹 재생과 탐색, 자막 켜기·끄기·확대, 모바일 이어 듣기를 확인했다. 375px 문서 폭과 스크롤 폭이 같았다. 모바일에서는 네이티브 트랙이 hidden이고 외부 자막만 보이며, 넓은 화면의 기본 크기에서는 외부 자막을 숨기고 네이티브 트랙만 표시하도록 구성했다.

전체화면 전환 이벤트 처리는 구현했으나 브라우저 검수 환경에서 요청이 제한되어 전체화면의 실제 표시 결과를 확인하지 못했다. 실제 휴대전화 검수는 하지 않았다.

기존의 검증된 대본·음성·177개 자막 시점은 유지했다. 최종 2종 영상의 전체 디코딩과 오디오 해시를 검사했다. 상세 결과는 technical.json을 참조한다.

---

# 보험 생존 가이드 — 최종 제작·검증 보고서

확인일: 2026-09-16. 로컬 완성본이며 공개 사이트에 게시하지 않았다.

## 완성물

- 19분 49.512초, 1920×1080, H.264 영상 / AAC 음성.
- 8개 장, 32개 강의 화면, 문장별 자막 177개.
- Microsoft Azure Speech SunHi 합성음성. 배경음악 없음.
- 독립 작성 대본, 비교표·계산·판단 연습·실천 점검표. 숫자는 대본과 자막에서 아라비아 숫자로 표시.
- MP4, 전체 대본, SRT, 출처표, 이어 듣기 웹 플레이어를 함께 제공.

## 내용 검증

공식 법령·금융위원회·금융감독원 자료, 생활법령정보, 협회 설명 및 실제 보험약관을 주장별로 대조했다. 출처와 적용 범위는 별도 출처표에 기록했다. 특정 보험약관의 조건을 모든 보험의 공통 조건으로 확대하지 않았다.

고지의무, 정액·실손, 갱신형 특약, 면책·감액·부담보, 해지환급금, 계약 교체, 청약철회·계약취소를 집중 검수했다. 철회기간 15일과 30일은 기산점을 구분하고 더하지 않도록 설명했다. 예외와 계약별 차이를 함께 안내했다.

가상 사례의 산술을 확인했다: 100만 원−20만 원=80만 원, 10만 원×12개월×20년=2,400만 원, 1,000만 원×50%=500만 원. 실제 상품의 지급 결과나 수익률로 제시하지 않았다.

## 음성·자막·영상 검증

- 32개 전체 음성을 원고를 제공하지 않는 음성인식으로 다시 전사해 대조했다. 최저 정규화 문자 유사도는 0.9707이다. 이는 발음 정확도나 내용 정확도의 확률이 아니다.
- 숫자 사례와 기한 표현을 별도로 대조했다. 30일이 모호하게 전사된 장면은 문장을 수정하고 다시 합성·인식했다.
- 최종 원고·합성 작업·자막의 텍스트 일치, 오디오 해시, 길이, 자막 시간 범위와 겹침을 검사했다.
- 32개 음원의 전체 디코딩, 음량 피크와 긴 무음 검사에서 오류가 없었다.
- 최종 MP4 전체 영상·음성 스트림을 디코딩했으며 오류가 없었다.
- 32개 슬라이드의 접촉 인화표와 최종 영상의 주요 계산·기간·최장 자막 화면을 시각 검토했다. 누락 글리프와 표지 줄바꿈을 수정했다.

영상 SHA-256: `33992a9f23b9d0921ef7a0ca9579e7477f670e13d67909495c425e84e65f05a9`

## 웹 재생 검증

Chrome에서 실제 재생·정지, 지정 시각 이동, 10초 앞으로 이동, 장 이동, 배속, 음소거, 자막 확대, 새로고침 후 이어 듣기와 설정 복원을 확인했다. 마지막 구간을 실제 재생해 종료 안내를 확인했다. 학습 기록 삭제 후 재생 위치 0, 배속 1, 음량 0.4, 기본 자막, 이어 듣기 숨김 상태를 확인했다.

모바일 크기의 브라우저 화면에서 문서 폭 375px와 스크롤 폭 375px가 일치했으며 가로 넘침이 없었다. 실제 휴대전화 검수는 수행하지 않았다. 오류 발생·재시도와 인쇄 결과는 구현했지만 실환경의 모든 조건을 실증하지 않았다.

## 검증의 한계

이 보고서는 AI 도구를 활용한 제작자의 자체 검수 기록이다. 외부 보험·법률 전문가의 감수나 인증이 아니며, 사람이 전체 음성을 청취한 검수도 아니다. 음성인식과 자동 검사는 미묘한 억양·발음·설명 오해를 모두 검출하지 못한다. 위에 실제 수행한 검증과 미수행 검증을 구분했다.



최종 추가 검사: 음소거 켜기·해제와 자막 숨기기·표시를 실제 버튼으로 확인했다. 브라우저 경고·오류 로그는 0개였다. 1366px 넓은 화면과 375px 모바일 화면을 직접 확인하고 화면 기록을 저장했다.