Player

VOD 콘텐츠를 재생하고 제어하는 컴포넌트입니다.
콘텐츠를 탐색하거나 자막, 재생속도 등을 제어할 수 있는 기능을 제공합니다.

Anatomy

  • 1. Title Area

    콘텐츠의 아트워크를 제공합니다.

  • 2. Track

    재생 가능한 영역을 표시합니다.

  • 3. Active Indicator

    재생된 콘텐츠의 영역을 표시합니다.

  • 4. Knob

    현재 재생 중인 콘텐츠의 위치를 표시합니다.

  • 5. Running Time

    현재 재생 중인 콘텐츠의 시간을 표시합니다.

  • 6. Remaining Time

    콘텐츠의 남은 재생 시간을 표시합니다.

  • 7. Icon Area

    세부적인 옵션을 설정할 수 있는 아이콘 버튼을 배치합니다.

  • 8. Thumbnail

    재생 위치에 해당하는 장면 이미지를 제공합니다.

  • 9. Guide Text (Optional)

    회차 선택이 가능한 시리즈물의 경우 회차 이동을 할 수 있도록 제공합니다.

  • 10. Gradation

    콘텐츠를 제어할 때 컨트롤러의 시인성을 높이기 위해 제공합니다.

제어하고 있는 시간의 방향과 아이콘의 방향을 맞춰 통일성 있게 제공합니다.

포커스 버튼에 대한 텍스트를 함께 표시합니다.

재생 중인 콘텐츠의 세부적인 옵션을 설정할 수 있습니다.

Placement

콘텐츠 재생에 시각적으로 방해되지 않도록 하단에 배치합니다.

재생 위치에 해당하는 장면 이미지, 시간을 중앙 정렬하여 제공합니다.

장면 이미지가 화면 밖으로 넘어가지 않도록 시각적 균형을 맞춰 제공합니다.

Types

General VOD Player

장면 탐색, 자막, 재생속도 등을 제어할 수 있도록 기능을 제공합니다.

제어 가능한 플레이어를 비활성화된 컬러로 제공하지 않습니다.

Usage

General VOD Player

Interaction

Drag & Drop

리모컨 좌우키를 길게 탭하여 사용자가 원하는 콘텐츠의 특정 부분으로 이동하여 재생할 수 있습니다.

Tap & Jump

리모컨 좌우키를 짧게 탭하여 30초 단위로 콘텐츠를 앞으로 또는 뒤로 이동하여 재생할 수 있습니다.

  • Anatomy
  • Placement
  • Types
    • General VOD Player
  • Usage
    • General VOD Player
  • Interaction
    • Drag & Drop
    • Tap & Jump