전송 버튼을 누를 때마다 전송 대화상자가 표시됩니다. 전송 대화상자를 통해 사용자는 웹 수신기에 연결, 제어, 연결 해제할 수 있습니다.
맞춤 구현을 개발하거나 iOS 또는 Chrome용 앱을 빌드하는 경우 이 대화상자를 일관된 방식으로 구현해야 합니다. 그래야 사용자가 모든 기기, 앱, 플랫폼에서 일관되게 작동하도록 이 대화상자를 인식하고 신뢰할 수 있습니다. 예를 보려면 참조 앱을 참고하세요.
전송 대화상자, 연결되지 않음 (수신기 사용 가능)
필수 (
Android MediaRouter의 기본 동작):
A 발신기 앱이 Cast 수신기에 연결되어 있지 않은 경우 전송 버튼을 탭하면 전송 대화상자가 표시됩니다.
B 전송 대화상자 제목인 '전송할 기기'가 표시됨
C 전송 대화상자에 사용 가능한 웹 수신기 목록이 표시됩니다.
D 전송 중인 각 수신기에 현재 전송 중인 앱의 이름이 표시되어야 합니다.
멀티 사용자 시나리오에 유의하세요.
- 다른 사용자가 현재 동일한 앱과 계정에서 전송 중인 수신기에 연결되면 발신기 앱에서 전송 콘텐츠를 위한 컨트롤을 제공합니다.
- 다른 사용자가 전송 중이 아닌 앱에서 현재 전송 중인 수신기에 연결하면 이전 발신자 앱의 연결이 해제되고 새 발신자 앱이 연결됩니다.
Android
전송 대화상자, 연결되지 않음
홈 화면 전송
iOS
전송 대화상자, 연결되지 않음
홈 화면 전송
Chrome
전송 대화상자, 연결되지 않음
홈 화면 전송
전송 대화상자, 연결되지 않음 (iOS만 해당)
iOS에서 처음으로 전송할 때 사용자는 Cast 기기에 대한 로컬 네트워크 액세스 (LNA)를 허용하는 데 동의해야 합니다. 사용자에게 이 권한이 필요한 이유를 설명하는 전면 광고 정보 화면이 표시된 후 표준 Apple LNA 권한 대화상자가 표시됩니다.
처음으로 전송 후 사용자가 Wi-Fi에 연결되어 있을 때 전송 버튼을 탭할 때 기기가 발견되지 않으면 웹 수신기를 사용할 수 없는 이유 (예: 로컬 네트워크 액세스가 사용 중지되어 있거나 Wi-Fi 네트워크에 문제가 있음)를 설명하는 도움말 화면이 표시됩니다.
필수:
A 최초 전송: 전송 버튼을
처음 탭한 후
사용자에게 앱에서 로컬 네트워크 기기 액세스를 허용해야 하는 이유를
설명하는 전면 광고가 표시되어야 합니다. 전면 광고에는 로컬 네트워크 액세스가 필요한 이유에 관한 정보를 포함하여 사용자가 로컬 권한 액세스를 수락할 가능성을 높여야 합니다.
B 수신기를 사용할 수 없음: 전송 버튼을 탭하면 사용자가 웹 수신기를 찾을 수 없는 가능한 이유를 설명하는 도움말 화면과 LNA 권한 문제를 해결하기 위한 설정 링크가 표시됩니다.
최초 전송 (iOS)
최초 전송: 전면 광고 및 로컬 네트워크 액세스 권한
수신자를 사용할 수 없음
수신자를 사용할 수 없음
전송 대화상자, 연결되었지만 전송하지 않음
필수
A 발신기 앱이 웹 수신기에 연결된 경우
전송 버튼을 탭하면 전송 대화상자가 표시됨
B 전송 대화상자 제목 '수신자-이름'이 표시됨
C 전송 대화상자에 '전송 중지' 버튼 라벨이 있는 전송 중지 버튼이 표시됩니다(연결 해제에 관한 자세한 내용은 발신자 전송 중지 참고)
Android
전송 대화상자, 연결되었지만 전송하지 않음
수신기 앱이 로드됨 / 유휴 상태
iOS
전송 대화상자, 연결되었지만 전송하지 않음
수신기 앱이 로드됨 / 유휴 상태
전송 중에 전송 대화상자
필수
A 전송 대화상자 제목 '수신자-이름'이 표시됨
B 현재 전송 중인 수신자 또는 콘텐츠가 제목 아래에 표시됨
C 전송 대화상자에 전송을 중지하는 '전송 중지' 버튼이 표시됩니다. 자세한 내용은 발신자 전송 중지를 참고하세요.
권장사항
- 최상의 사용자 환경을 제공하려면 전송 대화상자의 컨트롤 외에 영구 컨트롤을 제공하세요.
Android
전송 중 전송 대화상자
콘텐츠를 재생하는 수신기
iOS
전송 중 전송 대화상자
콘텐츠를 재생하는 수신기
Chrome
전송 중 전송 대화상자
콘텐츠를 재생하는 수신기
이 디자인 가이드에 사용된 이미지는 저작권 또는 크리에이티브 커먼즈 라이선스에 따라 공유된 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