수신기는 터치 컨트롤 기능이 있을 수도 있고 없을 수도 있는 기기에서 콘텐츠를 재생합니다. 수신자는 터치 컨트롤을 통해 발신기 앱의 작업에 즉시 응답해야 합니다.
수신기 UI 의견의 예:
- 재생 중
- 일시중지됨
- 재생 위치 / 탐색
- 버퍼링
수신기 UI
필수
A 동영상 및 오디오 수신기의 경우 모든 화면 해상도와 가로세로 비율에 맞게 조정될 수 있도록
수신기 앱을 적응형으로 빌드합니다.
동영상
동영상 수신기 UI
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-adaptiveui-video.png?authuser=9&hl=ko)
오디오
오디오 수신기 UI
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-adaptiveui-audio.png?authuser=9&hl=ko)
B 동영상 및 오디오 수신기의 경우 터치 동작을 추천하는 요소를 표시하지 마세요. 예를 들어 스와이프 동작을 나타내는 엿보기 요소를 표시하지 않습니다.
C 동영상 및 오디오 수신기의 경우 터치 상호작용을 제안하는 요소를 표시하지 않습니다.
D 오디오 수신기의 경우 진행률 표시줄과 같은 컨트롤 유형 요소를 표시하지 않습니다.
금지: 엿보기 요소, 버튼처럼 보일 수 있는 아이콘 또는 컨트롤 유형 요소를 표시합니다.
E 동영상 수신기의 경우 시스템에서 표시하는 컨트롤과 충돌하지 않도록 재생 중에 일시중지 상태일 때를 포함하여 재생 중에 수신기에 메타데이터 또는 컨트롤 요소를 표시해서는 안 됩니다.
금지사항: 메타데이터 및 컨트롤을 표시합니다.
F 오디오 수신기의 경우 시스템에서 표시하는 컨트롤과 겹치지 않도록 모든 메타데이터 요소를 보호 영역 위에 배치합니다.
권장사항
- 모든 텍스트는 디스플레이 장치에서 1.5~3m 떨어진 곳에서도 읽을 수 있어야 합니다.
수신 앱이 유휴 상태임
수신기가 포그라운드에 있지만 재생 중인 콘텐츠가 없으면 수신기에 유휴 화면이 표시됩니다.
필수
A 앱 로고를 사용하여 로드된 수신기 앱을 확인합니다.
B 앱 로고를 포함한 모든 요소를 시스템에서 표시하는 컨트롤과 겹치지 않도록 보호 영역 위에 배치하세요.
권장사항
- '전송 준비 완료' 텍스트를 표시하여 앱이 로드되었는지 확인합니다.
- 5분 동안 유휴 상태이면 수신기 실행을 중지하고 연결된 발신자 앱의 연결을 해제합니다. 중지하면 기기 홈 화면이 표시되어 화면 번짐을 방지하는 데 도움이 됩니다.
수신기 앱 로드
사용자가 수신기에 연결되면 먼저 수신기 앱을 로드해야 앱 유휴 상태를 표시하거나 콘텐츠 재생을 시작할 수 있습니다.
필수
A 앱 로고를 표시하여 로드 중인 수신기 앱을
식별합니다.
B 애니메이션 로드 스피너를 표시하여 수신기 앱이 로드 중임을 식별합니다.
수신자 콘텐츠 로드
콘텐츠가 로드되는 동안과 재생이 시작되기 전에 수신기는 콘텐츠가 로드 중임을 나타내는 정보를 표시해야 합니다.
필수
A 콘텐츠 제목이나 아트워크를 표시하여 로드 중인 콘텐츠를 확인합니다.
B 애니메이션 로드 스피너를 표시하여 콘텐츠가 로드 중임을 확인합니다.
권장사항
콘텐츠를 다시 시작할 때 시청자가 송신기에서 수신자로 전환하는 동안 어떠한 내용도 놓치지 않도록 재생을 5~10초 되감습니다.
리시버 재생
필수
A 동영상 수신기의 경우 재생 중에 어떤 요소도 표시해서는 안 됩니다. 화면을 탭하면 시스템에서 재생 컨트롤을 표시합니다.
B 오디오 수신기의 경우 모든 메타데이터 요소를 보호 영역 위에 배치하고 컨트롤 요소를 표시하지 마세요. 화면을 탭하면 시스템에서 재생 컨트롤을 표시합니다.
동영상
사용자가 화면을 탭하여 재생 컨트롤을 표시합니다.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-displaycontrols-video.gif?authuser=9&hl=ko)
오디오
사용자가 화면을 탭하여 재생 컨트롤을 표시합니다.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-displaycontrols-audio.gif?authuser=9&hl=ko)
수신자가 일시중지됨
필수
A 동영상 수신기의 경우 일시중지 상태에서 어떤 요소도 표시하지 마세요. 시스템에서는 재생이 일시중지되었음을 나타내는 재생 버튼과 함께 재생 컨트롤을 표시합니다.
B 오디오 수신기의 경우 일시중지 상태에서 컨트롤 요소를 표시하지 마세요. 시스템에서는 재생이 일시중지되었음을 나타내는 재생 버튼과 함께 재생 컨트롤을 표시합니다.
권장사항
- 재개 또는 대기열의 항목 건너뛰기와 같이 사용자가 재생을 시작하라는 명시적인 요청이 없는 한 수신기 앱에서 콘텐츠 재생을 계속하면 안 됩니다.
- 20분 동안 유휴 상태이면 수신기의 실행을 중지하고 연결된 발신자 앱의 연결을 해제합니다. 중지하면 기기 홈 화면이 표시되어 화면 번짐을 방지하는 데 도움이 됩니다.
- 백그라운드 세션의 향후 구현과 일치해야 합니다.
- 해당되는 경우 유휴 시간으로 인해 수신기가 중지되면 사용자가 나중에 그 지점부터 재생을 다시 시작할 수 있도록 일시중지된 위치를 저장합니다.
동영상
동영상이 일시중지되었습니다.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-paused-video.png?authuser=9&hl=ko)
오디오
오디오 일시중지됨
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-paused-audio.png?authuser=9&hl=ko)
수신자 버퍼링
수신기의 버퍼링은 네트워크 지연 시간 또는 기타 요인으로 인해 재생이 지연될 때 발생합니다.
필수
A 버퍼링이 몇 초 동안 계속되더라도 요소를 표시하지 않습니다. 사용자는 화면을 탭하여 플레이어 컨트롤을 표시하거나 스와이프하여 뒤로 돌아갈 수 있습니다.
동영상
수신기 버퍼링
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-buffering-video.gif?authuser=9&hl=ko)
오디오
수신기 버퍼링
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/touch-receiver-buffering-audio.gif?authuser=9&hl=ko)
수신자가 전송을 중지함
재생이 중지되거나 타임아웃되면 수신기가 수신기 유휴 UI를 표시합니다.
필수
A 앱 로고를 표시하여 로드되었거나 유휴 상태인 수신기 앱을 식별합니다.
B 앱 로고를 포함한 모든 요소를 시스템에서 표시하는 컨트롤과 겹치지 않도록 보호 영역 위에 배치하세요.
권장사항
- 수신기 앱의 연결을 해제하고 5분 동안 유휴 상태이면 실행을 중지합니다. 중지하면 수신기 홈 화면이 나타나고 화면 번짐을 방지하는 데 도움이 됩니다.
이 디자인 가이드에 사용된 이미지는 저작권 또는 크리에이티브 커먼즈 라이선스에 따라 공유된 Blender Foundation에서 제공한 것입니다.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org