Chromecast 플랫폼의 사용자 환경

Chromecast를 사용하면 Android, iOS, Chrome 웹 앱에서 동영상, 오디오, 화면 공유 (미러링)와 같은 콘텐츠를 다음과 같은 전송 지원 기기로 '스트리밍'할 수 있습니다.

  • Chromecast
  • Chromecast 내장 TV (Chromecast 내장 TV라고도 함)
  • Chromecast 내장 스피커 (Chromecast 내장 스피커라고도 함)
  • 스마트 디스플레이 (씬 클라이언트로 사용되는 휴대용 터치스크린 LCD 모니터)
  • Android 태블릿

Cast 상호작용 모델에서 휴대전화, 태블릿 또는 노트북은 재생을 제어하는 리모컨 역할을 하는 발신자이고, TV, 디스플레이 또는 도킹된 태블릿은 발신기로부터 명령을 수신하고 수신기의 인터넷 연결을 통해 콘텐츠를 표시하는 수신기입니다. 모든 사용자 작업 (탭 및 스와이프)은 발신자 기기와 웹 수신기 모두에서 발생할 수 있습니다.

전송은 전송 UI와 수신자 UI 등 두 개 이상의 화면 간 조정에 의존하며 함께 작동해야 합니다. 예를 들어 휴대기기의 버튼을 눌러 콘텐츠를 일시중지하면 TV에는 일시중지되었다고 알리는 반면 휴대기기에서는 재생을 다시 시작할 수 있는 재생 버튼을 제공해야 합니다.

고려사항

하드웨어 및 리소스 제한으로 인해 Chromecast 지원 애플리케이션에는 다음과 같은 특정 제한사항이 적용됩니다.

  • Cast 기기는 메모리, CPU, GPU 제한이 있는 저전력 기기이므로 Web Receiver 애플리케이션은 최대한 가벼워야 합니다.
  • Chromecast 및 Chromecast 내장 상호작용 모델의 경우 웹 수신기나 발신기 앱에서 탭, 창 또는 팝업을 만들 수 있을 뿐만 아니라 탭이나 스와이프와 같은 사용자 입력을 직접 수락할 수 있습니다. 예를 들어 도킹된 태블릿 또는 디스플레이의 Web Receiver 앱은 일시중지 버튼을 표시하고 사용자의 탭을 수신할 수 있습니다. 이렇게 하면 애플리케이션의 모든 작업이 웹 수신기 또는 발신자 애플리케이션에서 트리거되어야 합니다.
  • 스마트 디스플레이는 발신기 앱 또는 UI의 터치를 통한 사용자 입력을 지원합니다.
  • 웹 수신기는 동영상 재생에 최적화된 Chrome 브라우저입니다. 따라서 WebGL 및 Chrome Native Client (NaCL)는 현재 지원되지 않으며 Chrome 확장 프로그램도 지원되지 않습니다.
  • Cast는 <audio><video> 태그에서 단일 미디어 스트림 재생을 동시에 지원하거나 WebAudio API를 사용하여 여러 오디오 트랙을 지원합니다. DOM에서는 한 번에 하나의 동영상 요소만 활성화할 수 있습니다. 또한 동영상 합성, 조작, 변환, 회전 또는 확대/축소는 지원되지 않습니다.

전반적인 디자인 원칙

사용자 인터페이스를 개발할 때 다음 사항을 염두에 두시기 바랍니다.

웹 수신기 인터페이스:

  • 웹 수신기에는 일시중지 또는 재생 중 또는 오류 메시지와 같은 앱 상태를 설명하는 대화형 요소와 정보 요소를 모두 포함할 수 있습니다. 사용자 상호작용은 Cast 송신기 (스마트폰, 태블릿, Chrome 브라우저) 또는 웹 수신기 (TV, 디스플레이 또는 태블릿)에서 발생할 수 있습니다.
  • 동영상 작업은 TV 화면 중앙에서 발생하며 UI 요소는 프레젠테이션을 방해해서는 안 됩니다. 웹 수신기 디스플레이의 아래쪽 3분의 1 이내에 UI 요소를 배치하고 오버스캔이 발생할 수 있도록 화면 가장자리에서 10% 여백을 남겨둡니다.
  • 가능한 경우 한 화면 상태에서 다른 화면 상태로의 전환은 매끄럽고 영화 같은 느낌이 와야 합니다. 갑자기 상태에서 상태로 이동하는 대신 페이드 인 및 페이드 아웃과 같은 전환을 사용합니다. 예를 들어 콘텐츠 로드 상태는 화면에 계속 표시되며 미디어 재생 환경으로 페이드 아웃됩니다.

발신자 인터페이스:

  • 발신자는 사용자 작업을 지원하고 Web Receiver는 상태 정보를 표시합니다. 예를 들어 콘텐츠가 일시중지되면 TV는 콘텐츠가 일시중지되었음을 나타내야 하며 휴대기기는 재생을 시작할 준비가 되었음을 나타내야 합니다 (예: 사용자에게 재생 버튼 표시).
  • 속도가 중요합니다. 사용자는 전송 컨트롤을 빠르게 찾고 대형 화면에서 콘텐츠가 즉시 재생되는 것을 확인할 수 있어야 합니다. 콘텐츠가 로드되는 동안 애니메이션 로드 표시기를 제공하고 전환을 사용하면 더 빠르게 느껴질 수 있습니다.

Cast 애플리케이션이 이러한 원칙을 따르는지 확인하는 가장 쉬운 방법은 Cast 디자인 체크리스트에 따라 사용자 인터페이스를 검토하고 Cast 애플리케이션을 테스트하는 것입니다.

브랜드 가이드라인

다음 Chromecast 브랜드 가이드라인은 앱 개발자를 위한 것으로, 텍스트로 앱을 설명할 때 준수해야 하는 추가 요구사항에 중점을 둡니다. Cast 기기 브랜드 가이드라인은 파트너 마케팅 허브를 참고하세요. 'Chromecast 지원'이라는 용어를 사용하여 앱이 Chromecast 내장 기능과 호환됨을 다른 사용자에게 알릴 수 있습니다. 하지만 앱이 Cast SDK 추가 개발자 서비스 약관디자인 체크리스트를 준수해야 하며, 'Chromecast 지원'을 사용할 때는 Google 브랜드 가이드라인을 준수해야 합니다.

앱이나 기기가 배지 가이드라인을 준수하는 한, 마찬가지로 Chromecast 배지를 사용할 수 있습니다. Google은 브랜드 가이드라인을 준수하지 않는 경우 배지 사용을 수정하거나 중단하도록 요청할 권리를 보유합니다.

텍스트에서 'Chromecast' 사용하기

  • 하드웨어 제품이 아닌 앱을 Cast 지원 앱이라고 설명할 때 'Chromecast 지원'이라는 문구를 사용하세요. 예: '이 앱은 Chromecast를 지원합니다.'
  • Cast 호환 서드 파티 하드웨어 제품을 설명할 때는 'Chromecast 내장 TV', 'Chromecast 내장 스피커' 또는 단순히 'Chromecast 내장'을 사용하세요.
  • 'Chromecast'는 텍스트로 작성하고 'built-in'은 소문자로 작성해야 합니다.
  • 텍스트 또는 배지/로고에 'Chromecast'를 사용하는 마케팅 애셋에는 다음과 같은 법적 저작자 표시를 포함해야 합니다. Chromecast는 Google LLC의 상표입니다.
  • 앱의 제목 (예: XYZ Chromecast 앱)에 Chromecast를 넣지 마세요.

Chromecast 지원 앱 메시지

다음과 같이 앱을 홍보할 수 있습니다.

  • "XYZ는 휴대기기에서 TV로 좋아하는 엔터테인먼트 콘텐츠를 스트리밍할 수 있게 해 주는 Chromecast 지원 앱입니다."
  • "이제 Chromecast가 내장된 TV에서 XYZ 앱을 사용할 수 있습니다."
  • "이제 XYZ 앱은 Chromecast, Chromecast Audio, Chromecast가 내장된 TV 및 스피커를 포함한 모든 Chromecast 제품에서 사용할 수 있습니다."
  • "XYZ 앱은 Chromecast를 지원하므로 Chromecast가 내장된 TV에서 좋아하는 모든 프로그램/영화/음악/게임을 즐길 수 있습니다."
  • "이제 XYZ 앱에서 Chromecast를 지원하므로 사용자는 Chromecast가 내장된 휴대전화에서 TV로 콘텐츠를 스트리밍할 수 있습니다."

Chromecast 배지

웹사이트, 앱 스토어 등록정보, 마케팅 자료, 프로모션 자료에 'Chromecast' 배지를 사용하여 Cast 프로토콜을 사용하는 기기와의 호환성을 표시할 수 있습니다.

  • 배지 이미지의 색상, 비율, 간격, 기타 측면을 수정하지 마세요.
  • 다른 재료 기술 (예: 블루투스, Spotify Connect, AirPlay 등)의 로고와 함께 사용하는 경우 Chromecast 배지의 크기는 같거나 이보다 커야 합니다.
  • 배지를 페이지의 기본 요소로 만들지 마세요.
  • 페이지에 있는 배지와 다른 로고 및 아이콘 간의 간격을 어느 정도 유지하세요.
  • 흰색, 밝은 색상 또는 중간 색조의 배경에 사용할 때는 검은색 배지를 사용하세요.
  • 검은색 또는 어두운 색조의 배경에 사용할 때는 흰색 배지를 사용하세요.
  • 성인용 콘텐츠를 포함 또는 표시하거나, 도박을 조장하거나, 폭력을 조장하거나, 증오심 표현을 포함하거나, 21세 미만에게 담배 또는 주류를 판매하거나, 다른 관련 법률 또는 규정을 위반하거나, 그 외 불쾌감을 주는 페이지에 배지를 사용해서는 안 됩니다.

배지 연결

온라인에서 사용할 때 Chromecast 배지가 다음 중 하나에 연결되어 있어야 합니다.

  • Google의 Chromecast 지원 앱 및 제품 목록(현재 g.co/castapps)
  • 내가 게시한 제품 목록입니다.
  • 내가 게시한 특정 제품 세부정보 페이지
  • 내가 게시한 앱 목록
  • 개발자, Google Play 또는 Apple App Store에 게시한 특정 앱 세부정보 페이지

Chromecast 배지 애셋 다운로드

다운로드 번들에는 Portable Network Graphics (.png), Adobe Illustrator (.ai), Enapsulated Postscript (.eps) 형식이 포함되어 있습니다.

Chromecast 배지 미리보기

파란색 로고와 검은색 배경의 흰색 텍스트
흰색 로고와 검은색 배경에 흰색 텍스트
흰색 배경에 파란색 로고와 회색 텍스트