재생 컨트롤 맞춤설정

탐색 및 검색을 위해 앱 콘텐츠를 구성하는 방법을 결정했다면 콘텐츠 재생을 위한 대기열이나 맞춤 컨트롤이 필요한지 고려하세요.

자동차 제조업체와 Google은 재생 뷰, 최소화된 컨트롤 바, 대기열을 구현하고 스타일을 지정합니다. 또한 다음과 같은 기본적인 재생 컨트롤 세트도 제공합니다.

  • 재생/일시중지
  • 다음 (앱에서 지원하는 경우)
  • 이전 (앱에서 지원하는 경우)
  • 오버플로

하지만 대기열을 맞춤설정하거나 추가 재생 작업을 제공하려면 다음을 결정해야 합니다.

  • 대기열 항목의 썸네일 표시 여부
  • 재생 목록에서 현재 재생 중인 항목의 아이콘 또는 경과 시간을 표시할지 여부
  • 이전에 재생한 항목을 대기열에 포함할지 여부
  • 제어 막대에 표시할 맞춤 작업 및 자동차 제조업체의 다음이전 컨트롤을 대체할지 여부
  • 각 작업의 관련 상태 (예: 사용 가능 및 사용 중지)를 나타내는 아이콘의 모양

재생 뷰 예시

현재 재생 중인 노래
재생 뷰에 현재 재생 중인 노래가 표시됩니다.


오른쪽의 더보기 메뉴
사용자가 화면 오른쪽에 있는 더보기 메뉴를 열었습니다. 이 메뉴에는 더 많은 기능이 있습니다.

미디어 앱의 재생 컨트롤
미디어 앱의 재생 컨트롤 샘플 뷰

재생 컨트롤 요구사항

재생 컨트롤을 설계할 때는 다음 사항에 우선순위를 두세요.

  • 일관된 앱 UI: 앱 개발자는 자동차의 맞춤 미디어 재생 컨트롤을 다른 앱 및 기기에서의 사용자 경험과 일관되게 만들어야 합니다.
  • 가독성: 아이콘과 함께 사용하면 텍스트가 더 작게 표시될 수 있으므로 아이콘의 텍스트는 사용 가능한 공간 내에서 최대화해야 합니다.

이러한 요구사항과 권장사항은 효과적인 컨트롤을 만드는 데 도움이 됩니다.

요구사항 수준 요구사항
필수(MUST)
  • 추가하는 맞춤 작업에 단색 벡터 아이콘을 제공하고 상태를 나타내도록 동적으로 변경합니다.
  • 해야 하는 작업(SHOULD)
  • 아이콘에 텍스트나 숫자를 사용하는 경우 경계 상자에서 최대 공간을 사용하여 텍스트를 최대한 크게 표시하고 가독성을 높입니다.
  • 가능(MAY)
  • 최대 6개의 customactions 제공 (다음이전을 사용하지 않는 경우 최대 8개)
  • 현재 재생목록

    또한 사용자에게 예정된 미디어의 대기열을 쉽고 빠르게 탐색할 수 있는 방법을 제공해야 합니다. 예정된 미디어의 대기열에는 다음 예와 같이 아티스트와 썸네일이 포함될 수 있습니다.

    세로 모드의 대기열
    세로 모드의 현재 재생목록


    가로 모드의 대기열
    가로 모드에서 현재 재생목록

    대기열 요구사항

    운전 중 주의를 산만하게 하는 요소를 최소화하려면 사용자가 현재 재생 중인 콘텐츠를 한눈에 볼 수 있어야 합니다.

    요구사항 수준 요구사항
    해야 하는 작업(SHOULD)
  • 현재 재생 중인 재생 목록 항목의 표시기 제공
  • 이전에 재생한 항목을 대기열에 포함
    진행률 표시기와 대기열에 대해 자세히 알아보려면 재생 제어 사용 설정을 검토하세요.
  • 가능(MAY)
  • 대기열 항목의 썸네일 제공