← 개발자 노트
Android
·
·
조회 10
스마트 TV 웹 앱의 리모컨 네비게이션 및 포커스 랩핑(Focus Wrapping) 알고리즘
리모컨의 상하좌우 조작에 따라 그리드 형태 콘텐츠 사이를 이동하고 경계 영역을 처리하는 자바스크립트 포커스 이동 알고리즘을 구현합니다.
TV 화면에서의 사용자 경험은 리모컨 조작 방식에 크게 좌우됩니다. 웹 브라우저의 기본 포커스 동작만 사용하면 격자 구조의 영화나 VOD 목록에서 사용자가 원하는 방향으로 정확하게 이동하기 어렵습니다. 이를 해결하기 위해 현재 포커스된 HTML 엘리먼트의 절대 좌표를 계산하고 사용자가 누른 방향에 존재하는 엘리먼트 중 거리와 각도가 가장 적절한 대상을 찾아 focus()를 부여하는 커스텀 포커스 엔진을 구현할 수 있습니다. 이를 통해 웹 기술 기반 TV 앱에서도 자연스러운 메뉴 이동을 제공할 수 있습니다.