전송 버튼

전송 버튼으로 웹 수신자를 연결, 제어, 연결 해제할 수 있는 대화상자가 열립니다.

전송 버튼 템플릿을 다운로드하려면 전송 아이콘을 참고하세요.

전송 버튼은 Google Cast에 국한되지 않습니다. 블루투스 헤드셋과 같이 웹 수신기와 웹 외 수신기를 모두 나타내는 데 사용할 수 있습니다. 웹 수신기는 항상 전송 대화상자 아래에 표시되어야 하며 다른 대화상자, 메뉴 또는 컨트롤 아래에 표시되면 안 됩니다.

사용자에게 전송 소개

전송 버튼을 도입하면 기존 사용자는 이제 발신기 앱에서 전송을 지원한다는 사실을 알 수 있으며 Google Cast를 처음 사용하는 사용자도 도움이 됩니다.

필수
A 웹 수신기를 처음 사용할 수 있을 때 전송 소개 화면을 표시합니다. iOS 발신자의 경우 전송 버튼이 처음 표시될 때 전송 소개 화면을 표시합니다.
B 버튼을 돌려서 전송 버튼을 시각적으로 강조표시합니다.
C 전송 버튼의 작동 방식을 설명합니다 (예: '터치하여 TV로 동영상을 전송'과 같은 메시지 표시).

Android

전송 소개

홈 화면 전송

iOS

전송 소개

홈 화면 전송

Chrome

전송 소개

전송 소개

홈 화면 전송

 

전송 버튼 사용 가능 여부

필수
A 전송 버튼은 재생 가능한 콘텐츠가 있는 모든 화면에 표시되어야 하며 콘텐츠를 탐색하거나 재생하는 동안 일관된 위치에 있어야 합니다. 전체 제어 용도로 Chrome 헤더에도 표시됩니다.
B iOS 이외의 발신자는 웹 수신기를 사용할 수 없을 때 전송 버튼을 숨길 수 있습니다. iOS 발신자의 경우 기기가 Wi-Fi에 연결되어 있을 때 항상 전송 버튼이 표시되어야 합니다. 따라서 사용자가 로컬 네트워크 액세스를 사용 중지하여 기기를 검색할 수 없게 된 경우 적절한 도움말이 제공됩니다(자세한 내용은 iOS 권한 및 검색 참조).
C 모바일 앱에서는 전송 버튼이 오른쪽에 있어야 합니다.
D Chrome의 전송 버튼은 콘텐츠 미디어 컨트롤 오른쪽에 있습니다 (예: 삽입된 동영상 보기). 미디어 컨트롤에 전체 화면 버튼이 있으면 왼쪽에 전송 버튼을 배치합니다.

참고

Google Cast는 멀티태스킹 모델을 채택하여 사용자가 전송 중에 발신기 앱과 다른 앱을 탐색할 수 있도록 합니다. 재생 버튼은 재생 가능한 콘텐츠가 있는 모든 화면에 표시되어야 하므로 사용자가 TV에서 콘텐츠를 재생하거나 일시중지할 위치를 찾기 위해 찾아갈 필요가 없습니다.

Android

발신자 연결 해제됨

홈 화면 전송

iOS

발신자 연결 해제됨

홈 화면 전송

Chrome

발신자 연결 해제됨

발신자 연결 해제됨

홈 화면 전송

 

전송 버튼 상태

필수
A 사용할 수 없음: Android의 경우 웹 수신기를 사용할 수 없는 경우 전송 버튼이 표시되지 않음
B 연결 해제: 웹 수신기를 사용할 수 있는 경우 전송 버튼이 표시됨
C 연결 중: 웹 수신기가 연결되면 전송 버튼이 아이콘에 물결을 애니메이션

권장사항
각 버튼 상태에 앱의 다른 UI 요소 스타일과 일치하는 색상을 사용하세요. 사용/연결 상태에 고유한 강조표시 색상 (예: 노란색)은 선택사항입니다.

Notes

  • Chrome 및 iOS에 전송 아이콘이 표시되어 Cast 기기의 사용 가능 여부와 관계없이 Cast 확장 프로그램에 액세스할 수 있습니다.
  • Cast API에 연결하는 데 예상보다 오래 걸릴 때 연결 (애니메이션) 상태가 표시됩니다 (Android 및 Chrome SDK에서 자동으로 전송 아이콘에 애니메이션을 적용함). 연결되면 웹 수신기 앱이 실행됩니다.
  • 전송 아이콘의 켜짐 / 연결 상태가 업데이트되어 아이콘 프레임 내에서 단색 채우기를 사용합니다. 새로운 전송 아이콘 및 아이콘 템플릿은 여기에서 사용할 수 있습니다.

Android

발신자, 전송을 사용할 수 없음

홈 화면 전송

발신자, 전송 연결이 해제됨

홈 화면 전송

발신자, Cast 연결

발신자, Cast 연결

홈 화면 전송

발신자, Cast 연결됨

웹 수신기 앱 로드 중

웹 수신기 앱 로드 중

발신자, Cast 연결됨

웹 수신기 앱이 로드되거나 유휴 상태임

iOS

발신자, 전송을 사용할 수 없음

홈 화면 전송

발신자, 전송 연결이 해제됨

홈 화면 전송

발신자, Cast 연결

발신자, Cast 연결

홈 화면 전송

발신자, Cast 연결됨

웹 수신기 앱 로드 중

웹 수신기 앱 로드 중

발신자, Cast 연결됨

웹 수신기 앱이 로드되거나 유휴 상태임

Chrome

발신자, 전송을 사용할 수 없음

발신자, 전송을 사용할 수 없음

전송 아이콘이 연결 상태에 관계없이 Cast 확장 프로그램에 액세스할 수 있도록 Chrome에 표시됩니다.

홈 화면 전송

발신자, 전송 연결이 해제됨

발신자, 전송 연결이 해제됨

홈 화면 전송

발신자, Cast 연결

발신자, Cast 연결

홈 화면 전송

발신자, Cast 연결됨

발신자, Cast 연결됨

웹 수신기 앱 로드 중

웹 수신기 앱 로드 중

발신자, Cast 연결됨

발신자, Cast 연결됨

웹 수신기 앱이 로드되거나 유휴 상태임

 

 

이 설계 가이드에 사용된 이미지는 저작권 또는 크리에이티브 커먼즈 라이선스에 따라 공유되는 Blender Foundation에서 제공합니다.

  • Elephant's Dream: (c) 저작권 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel: (c) 저작권 Blender Foundation | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) 2008년 저작권, Blender Foundation / www.bigbuckbunny.org