눈으로 보는 새로운 방식, 누보
신체적 조건과 관계 없이, 누구나 동등하게 미디어 콘텐츠를 즐길 수 있도록. 누보가 새로운 차원의 콘텐츠 접근성을 제안합니다.
프로젝트 소개
"모두를 위한 콘텐츠 접근성 향상"
우리는 기술을 통해 정보의 격차를 해소하고, 신체적 조건과 관계없이 누구나 동등하게 미디어 콘텐츠를 즐길 권리가 있다고 믿습니다. '누보'는 단순한 편의 도구가 아닌, 디지털 포용(Digital Inclusion)을 실현하는 사회적 가치를 지향합니다. 이 섹션에서는 누보가 해결하고자 하는 문제와 그 해결 방안을 시각적으로 소개합니다.
문제: 제한된 자막 환경
저시력자, 노안 등을 겪는 사용자는 플랫폼이 제공하는 고정된 크기와 형태의 자막으로 인해 콘텐츠를 온전히 즐기기 어렵습니다.
자막 크기를 더 키울 수 없나요?
해결: 분리된 자막 경험
영상은 큰 화면으로, 자막은 내 눈 앞의 보조 화면에서 가장 편안한 형태로. 누보가 제공하는 혁신적인 솔루션입니다.
내게 맞는
자막
핵심 기능
누보는 '컨트롤러'와 '뷰어'라는 두 가지 핵심 요소로 구성됩니다. 컨트롤러는 PC에서 영상을 제어하고 자막을 송출하는 역할을, 뷰어는 다른 기기에서 그 자막을 받아서 보여주는 역할을 합니다. 아래 탭을 클릭하여 각 부분의 사용자 경험과 세부 기능을 살펴보세요.
컨트롤러 사용자 경험
- 플랫폼 감지: 유튜브(Youtube.com) 사이트에서 영상 재생 시 자동으로 활성화됩니다.
- 세션 관리: 클릭 한 번으로 고유 세션 ID를 생성하고 자막 공유를 시작/종료합니다.
- 다양한 자막 소스: 유튜브 기본 자막을 자동으로 추출하거나, 보유한
.srt파일을 직접 업로드할 수 있습니다. - 완벽한 실시간 동기화: 영상의 재생, 정지, 탐색 등 모든 상태를 감지하여 정확한 시점의 자막을 전송합니다.
기술 구조
누보는 별도의 서버를 구축하고 관리할 필요가 없는 '서버리스(Serverless)' 아키텍처를 기반으로 합니다. 이를 통해 안정적이면서도 효율적인 실시간 동기화가 가능합니다. 아래 다이어그램의 각 요소에 마우스를 올려 상세 기술 정보를 확인해보세요.
PC (Controller)
Chrome Extension
핵심 API: `chrome.tabs`, `chrome.scripting`
유튜브 페이지의 영상 플레이어 상태 및 자막 데이터를 추출하여 Firebase로 전송합니다.
클라우드 (서버)
Firebase Firestore
서비스: Firestore, Anonymous Auth
컨트롤러와 뷰어 사이에서 자막 데이터를 실시간으로 중계하고 동기화하는 역할을 합니다.
보조 기기 (Viewer)
Web Application
특징: 프레임워크 없이 순수 기술로 구현되어 가볍고 빠릅니다.
Firebase로부터 받은 실시간 자막 데이터를 화면에 표시합니다.
향후 계획 및 비전
로드맵
누보는 여기서 멈추지 않고, 더 많은 사용자가 더 편리하게 콘텐츠를 즐길 수 있도록 계속해서 발전할 것입니다.
- ✔ 플랫폼 확장 (Vimeo 등)
- ✔ 고급 스타일링 (배경, 그림자)
- ✔ 음성 지원 (TTS) 기능 탑재
- ... 개인화 설정 저장 기능
- ... 다국어 인터페이스 지원
개념적 효과
누보 도입을 통해 사용자의 콘텐츠 접근성과 만족도가 얼마나 향상될 수 있는지 개념적으로 시각화한 차트입니다.