필수 (
Android MediaRouter의 기본 동작):
A 전송자 앱이 전송 수신기에 연결되어 있지 않으면 전송 버튼을 탭하면 전송 대화상자가 표시됩니다.
B 전송 대화상자 제목인 '전송 대상'이 표시됩니다.
C 전송 대화상자에 사용 가능한 웹 수신기 목록이 표시됩니다.
D 현재 전송 중인 각 수신기에는 '전송 중 앱 이름'이 표시됩니다.
다중 사용자 시나리오에 유의하세요.
다른 사용자가 현재 동일한 앱 및 계정에서 전송 중인 수신기에 연결하면 전송자 앱에서 전송 콘텐츠의 컨트롤을 제공합니다.
다른 사용자가 전송 중인 앱이 아닌 앱에서 현재 전송 중인 수신기에 연결하면 이전 송신기 앱의 연결이 끊어지고 새 송신기 앱이 연결됩니다.
iOS의 경우 처음 전송할 때 사용자는 전송 기기에 대한 로컬 네트워크 액세스 (LNA)를 허용하는 데 동의해야 합니다. 사용자에게 이 권한이 필요한 이유를 설명하는 전면 광고 정보 화면이 표시된 후 표준 Apple LNA 권한 대화상자가 표시됩니다.
처음 전송한 후 사용자가 Wi-Fi를 사용하는 동안 전송 버튼을 탭해도 기기가 발견되지 않으면 웹 수신기를 사용할 수 없는 이유 (예: 로컬 네트워크 액세스가 사용 중지되었거나 Wi-Fi 네트워크에 문제가 있음)를 설명하는 도움말 화면이 표시됩니다.
필수:
A 최초 전송: 전송 버튼을 처음 탭한 후 앱이 로컬 네트워크 기기에 액세스하도록 허용해야 하는 이유를 사용자에게 설명하는 전면 광고가 표시되어야 합니다. 사용자가 로컬 권한 액세스를 수락할 가능성을 높이려면 로컬 네트워크 액세스가 필요한 이유에 관한 정보가 전면 광고에 포함되어야 합니다.
B 수신기 사용 불가: 전송 버튼을 탭하면 사용자가 웹 수신기를 검색할 수 없는 이유와 LNA 권한 문제를 해결하기 위한 설정 링크를 설명하는 도움말 화면이 표시됩니다.
필수 A 전송기 앱이 웹 수신기에 연결되면 전송 버튼을 탭하면 전송 대화상자가 표시됩니다.
B 전송 대화상자 제목인 'Receiver-Name'이 표시됩니다.
C 전송 대화상자에는 '전송 중지' 버튼 라벨이 있는 전송 중지 버튼이 표시됩니다. 연결 해제에 관한 자세한 내용은 전송기에서 전송 중지를 참고하세요.
[null,null,["최종 업데이트: 2025-08-31(UTC)"],[[["\u003cp\u003eThe Cast dialog enables users to connect to, manage, and disconnect from Web Receivers and should be implemented consistently across platforms.\u003c/p\u003e\n"],["\u003cp\u003eOn iOS, users must grant local network access permission for initial casting and may encounter a help screen if no devices are found.\u003c/p\u003e\n"],["\u003cp\u003eWhen connected, the Cast dialog displays the receiver name and a "STOP CASTING" button, offering controls for the casting session.\u003c/p\u003e\n"],["\u003cp\u003eFor optimal user experience, it's recommended to include persistent controls alongside those within the Cast dialog, enhancing user interaction.\u003c/p\u003e\n"],["\u003cp\u003eAndroid apps can leverage the MediaRouter component for built-in Cast dialog UX, simplifying implementation.\u003c/p\u003e\n"]]],[],null,["# Cast Dialog\n\nThe Cast dialog is shown whenever the Cast button is pressed. The Cast dialog lets users\nconnect, control, and disconnect from Web Receivers.\n| **Note:** For Android apps, use the `MediaRouter` component from the MediaRouter Support Library to implement the Cast dialog. It has all of the UX requirements built right in.\n| **Note:** For iOS senders, a special Local Network Access interstitial dialog must be displayed the first time a user attempts to cast.\n\nIf you're developing a custom implementation or building an app for iOS or Chrome, you must\nimplement this dialog in a consistent way, so that users recognize and trust it to function\nconsistently across devices, apps and platforms. Refer to the\n[Reference apps](/cast/docs/sample_apps#reference_apps) for examples.\n\n### [Cast dialog, not connected (receivers available)](#sender-cast-menu-available)\n\n\n**Required** (default behavior of [Android MediaRouter](https://developer.android.com/reference/androidx/mediarouter/media/MediaRouter)):\n\n\nA When the sender app is not connected to a Cast receiver,\ntapping the Cast button shows the Cast dialog\n\n\nB The Cast dialog title, \"Cast to\" appears\n\n\nC The Cast dialog shows a list of available Web Receivers\n\n\nD Each receiver currently casting should display, \"Casting\n*app name*\"\n\n**Note the multi-user scenarios:**\n\n- When another user connects to a receiver currently casting from the same app and account, the sender app provides the controls for the cast content.\n- When another user connects to a receiver currently casting from an app that is not casting, the previous sender app disconnects and the new sender app connects.\n\n### Android\n\nCast dialog, not connected \nCast home screen \n\n### iOS\n\nCast dialog, not connected \nCast home screen \n\n### Chrome\n\nCast dialog, not connected \nCast home screen \n\n### [Cast dialog, not connected (iOS only)](#sender-cast-menu-available)\n\n\nFor iOS, when casting for the first time, users must consent to allow local network access (LNA) to\nCast devices. An interstitial information screen is presented\nto users explaining why this permission is needed, followed by the standard Apple LNA\npermissions dialog.\n\n\nAfter casting for the first time, if no devices are found when the Cast button is tapped while the\nuser is on Wi-Fi, a help screen is presented\nexplaining why Web Receivers might not be available (for example,\nlocal network access is disabled, or there is a problem with the Wi-Fi network).\n\n\n**Required** :\n\n\nA First-time casting: After tapping on the Cast button\nfor the first time,\nan Interstitial must be shown to explain to the user why they should allow\nthe app to access local network devices. The interstitial should include information on\nwhy local network access is needed, to increase the likelihood of the user accepting\nlocal permission access.\n\n\nB Receivers unavailable: Tapping the Cast button\ndisplays a help screen explaining possible reasons the user\nis unable to discover Web Receivers, along with links to Settings to fix LNA permissions issues. \n\n### First-time casting (iOS)\n\nFirst-time casting: interstitial and local network access permissions \n\n### Receivers unavailable\n\nReceivers unavailable \n\n### [Cast dialog, connected but not casting](#sender-cast-menu-connected)\n\n\n**Required**\n\n\nA When the sender app is connected to a Web Receiver,\ntapping the Cast button shows the Cast dialog\n\n\nB The Cast dialog title \"Receiver-Name\" appears\n\n\nC The Cast dialog shows a button to stop casting\nwith button label \"STOP CASTING\" (for more information about disconnecting, see\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)) \n\n### Android\n\nCast dialog, connected but not casting \nReceiver app loaded / idle \n\n### iOS\n\nCast dialog, connected but not casting \nReceiver app loaded / idle \n\n### [Cast dialog, while casting](#sender-cast-menu-casting)\n\n\n**Required**\n\n\nA The Cast dialog title \"Receiver-Name\" appears\n\n\nB The receiver or content currently casting is shown below\nthe title\n\n\nC The Cast dialog shows a \"STOP CASTING\" button that stops\ncasting (for more information see\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end))\n\n**Best practice**\n\n- For the best user experience, provide [persistent controls](/cast/docs/design_checklist/sender#sender-mini-controller) in addition to the controls in the Cast dialog.\n\n### Android\n\nCast dialog, while casting \nReceiver playing content \n\n### iOS\n\nCast dialog, while casting \nReceiver playing content \n\n### Chrome\n\nCast dialog, while casting \nReceiver playing content \n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]