전송 버튼을 누를 때마다 전송 대화상자가 표시됩니다. 전송 대화상자를 통해 사용자는 웹 수신기의 연결, 제어, 연결 해제를 지원합니다.
맞춤 구현을 개발하거나 iOS 또는 Chrome용 앱을 빌드하는 경우 이 대화상자를 일관성 있게 구현하여 사용자가 이를 인식하고 신뢰할 수 있도록 합니다. 모든 기기, 앱, 플랫폼에서 일관되게 사용할 수 있습니다 자세한 내용은 예시는 참조 앱을 참고하세요.
<ph type="x-smartling-placeholder"></ph> 전송 대화상자, 연결되지 않음 (수신기 사용 가능)
필수 (의 기본 동작)
Android MediaRouter):
A 발신기 앱이 Cast 수신기에 연결되어 있지 않은 경우
전송 버튼을 탭하면 전송 대화상자가 표시됨
B 전송 대화상자 제목, '전송 대상' 표시됨
C 전송 대화상자에 사용 가능한 웹 수신기 목록이 표시됨
D 현재 전송 중인 각 수신기에 '전송 중
앱 이름'
멀티 사용자 시나리오 참고:
- 다른 사용자가 현재 전송 중인 수신기에 연결하는 경우 발신자 앱은 전송할 수 있습니다.
- 다른 사용자가 현재 전송 중인 수신기에 연결하는 경우 전송 중이지 않은 앱, 이전 발신기 앱 새 발신기 앱이 연결됩니다.
Android
전송 대화상자, 연결되지 않음
![전송 대화상자, 연결된 이미지 없음](https://developers.google.cn/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=3&hl=ko)
홈 화면 전송
![홈 화면 이미지 전송](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=3&hl=ko)
iOS
전송 대화상자, 연결되지 않음
![전송 대화상자가 연결되지 않음 이미지](https://developers.google.cn/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=3&hl=ko)
홈 화면 전송
![홈 화면 이미지 전송](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=3&hl=ko)
Chrome
전송 대화상자, 연결되지 않음
![전송 대화상자가 연결되지 않음 이미지](https://developers.google.cn/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=3&hl=ko)
홈 화면 전송
![홈 화면 이미지 전송](https://developers.google.cn/static/cast/images/r/receiver-home2.png?authuser=3&hl=ko)
<ph type="x-smartling-placeholder"></ph> 전송 대화상자, 연결되지 않음 (iOS만 해당)
iOS의 경우 처음 전송할 때 사용자는 로컬 네트워크 액세스 (LNA)를 통해 다음 작업을 할 수 있도록 Cast 기기를 탭합니다. 전면 광고 정보 화면이 표시됨 사용자에게 이 권한이 필요한 이유를 설명한 후 표준 Apple LNA를 권한 대화상자
처음 전송 후, 전송 버튼을 탭했을 때 기기가 표시되지 않는 경우 사용자가 Wi-Fi에 연결되어 있으면 도움말 화면이 표시됩니다. 웹 수신기를 사용할 수 없는 이유를 설명 (예: 로컬 네트워크 액세스가 사용 중지되어 있거나 Wi-Fi 네트워크에 문제가 있을 수 있습니다.
필수 항목:
A 최초 전송: 전송 버튼을 탭한 후
처음으로
전면 광고는 사용자에게 그 이유를 설명하는
로컬 네트워크 장치에 액세스합니다. 삽입 광고에는
사용자가 로컬 네트워크 액세스가 필요한 이유를
액세스할 수 있습니다
B 수신자를 사용할 수 없음: 전송 버튼을 탭합니다.
사용자가 문제를 해결할 수 있는 이유를 설명하는 도움말 화면이 표시됩니다.
웹 수신기를 찾을 수 없으며 LNA 권한 문제를 해결하기 위한 설정 링크가 함께 제공됩니다.
최초 전송 (iOS)
최초 전송: 전면 광고 및 로컬 네트워크 액세스 권한
![Cast 로컬 네트워크 액세스 수락 흐름](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=3&hl=ko)
수신기를 사용할 수 없음
수신기를 사용할 수 없음
![전송 흐름, 로컬 네트워크 액세스가 사용 중지됨](https://developers.google.cn/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=3&hl=ko)
<ph type="x-smartling-placeholder"></ph> 전송 대화상자, 연결되었지만 전송되지 않음
필수 항목
A 발신기 앱이 웹 수신기에 연결되면
전송 버튼을 탭하면 전송 대화상자가 표시됨
B 전송 대화상자 제목 '수신자-이름' 표시됨
C 전송 대화상자에 전송 중지 버튼이 표시됨
'전송 중지' 버튼 라벨 포함 (연결 해제에 대한 자세한 내용은
발신자가 전송을 중지함)
Android
전송 대화상자, 연결되었지만 전송되지 않음
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=3&hl=ko)
수신기 앱 로드됨 / 유휴 상태
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=3&hl=ko)
iOS
전송 대화상자, 연결되었지만 전송되지 않음
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=3&hl=ko)
수신기 앱 로드됨 / 유휴 상태
![](https://developers.google.cn/static/cast/images/r/receiver-ui-idle1.png?authuser=3&hl=ko)
<ph type="x-smartling-placeholder"></ph> 전송 중 대화상자 전송
필수 항목
A 전송 대화상자 제목 '수신자-이름' 표시됨
B 현재 전송 중인 수신자 또는 콘텐츠는 아래와 같습니다.
제목
C 전송 대화상자에 '전송 중지'가 표시됨 정지하는 버튼
전송 (자세한 내용은
발신자가 전송을 중지함)
권장사항
- 최상의 사용자 환경을 위해 지속적인 제어를 전송 대화상자의 컨트롤에 추가로 표시됩니다.
Android
전송 중 대화상자 전송
![](https://developers.google.cn/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=3&hl=ko)
수신기가 콘텐츠 재생 중
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=ko)
iOS
전송 중 대화상자 전송
![](https://developers.google.cn/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=3&hl=ko)
수신기가 콘텐츠 재생 중
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=ko)
Chrome
전송 중 대화상자 전송
![전송 중 대화상자 전송](https://developers.google.cn/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=3&hl=ko)
수신기가 콘텐츠 재생 중
![](https://developers.google.cn/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=ko)
이 디자인 가이드에 사용된 이미지 저작권 또는 크리에이티브 커먼즈 라이선스에 따라 공유되는 블렌더 재단(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
- 티어스 오브 스틸: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org