Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Das Dialogfeld „Streamen“ wird angezeigt, wenn die Schaltfläche „Streamen“ gedrückt wird. Über das Übertragungsdialogfeld können Nutzer eine Verbindung zu Webempfängern herstellen, sie steuern und die Verbindung trennen.
Wenn Sie eine benutzerdefinierte Implementierung entwickeln oder eine App für iOS oder Chrome erstellen, müssen Sie dieses Dialogfeld einheitlich implementieren, damit Nutzer es erkennen und darauf vertrauen, dass es auf allen Geräten, in allen Apps und auf allen Plattformen einheitlich funktioniert. Beispiele finden Sie in den Referenz-Apps.
Erforderlich (Standardverhalten von
Android MediaRouter):
A Wenn die Sender-App nicht mit einem Streamingempfänger verbunden ist, wird durch Tippen auf die Schaltfläche „Streamen“ das Streaming-Dialogfeld angezeigt.
B Der Titel des Streaming-Dialogfelds lautet „Streamen an“.
C Im Streaming-Dialogfeld wird eine Liste der verfügbaren Webempfänger angezeigt.
D Auf jedem Empfänger, auf dem gerade gestreamt wird, sollte „Streaming App-Name“ angezeigt werden.
Beachten Sie die Szenarien für mehrere Nutzer:
Wenn ein anderer Nutzer eine Verbindung zu einem Empfänger herstellt, über den gerade Inhalte aus derselben App und demselben Konto gestreamt werden, werden die Steuerelemente für die gestreamten Inhalte von der Sender-App bereitgestellt.
Wenn ein anderer Nutzer eine Verbindung zu einem Empfänger herstellt, der gerade von einer App streamt, die nicht streamt, wird die Verbindung der vorherigen Sender-App getrennt und die neue Sender-App verbindet sich.
Bei iOS müssen Nutzer beim ersten Streamen zustimmen, dass Streaminggeräten der Zugriff auf das lokale Netzwerk gewährt wird. Den Nutzern wird ein Informationsbildschirm angezeigt, auf dem erklärt wird, warum diese Berechtigung erforderlich ist. Anschließend wird das standardmäßige Apple-Dialogfeld für LNA-Berechtigungen angezeigt.
Wenn nach dem ersten Streamen keine Geräte gefunden werden, wenn der Nutzer auf die Schaltfläche „Streamen“ tippt und mit einem WLAN verbunden ist, wird ein Hilfebildschirm angezeigt, in dem erklärt wird, warum Webempfänger möglicherweise nicht verfügbar sind (z. B. wenn der Zugriff auf das lokale Netzwerk deaktiviert ist oder ein Problem mit dem WLAN vorliegt).
Erforderlich:
A Erstes Streamen: Nachdem der Nutzer zum ersten Mal auf die Schaltfläche „Streamen“ getippt hat, muss ein Interstitial eingeblendet werden, in dem ihm erklärt wird, warum er der App den Zugriff auf Geräte im lokalen Netzwerk erlauben sollte. Das Interstitial sollte Informationen dazu enthalten, warum der Zugriff auf das lokale Netzwerk erforderlich ist, um die Wahrscheinlichkeit zu erhöhen, dass der Nutzer den Zugriff auf lokale Berechtigungen akzeptiert.
B Empfänger nicht verfügbar: Wenn du auf die Schaltfläche „Streamen“ tippst, wird ein Hilfebildschirm mit möglichen Gründen angezeigt, warum der Nutzer keine Webempfänger finden kann. Außerdem findest du dort Links zu den Einstellungen, um Probleme mit LNA-Berechtigungen zu beheben.
Streaming zum ersten Mal (iOS)
Erstmaliges Streamen: Berechtigungen für Interstitial- und lokalen Netzwerkzugriff
Erforderlich A Wenn die Sender-App mit einem Webempfänger verbunden ist, wird durch Tippen auf die Schaltfläche „Streamen“ das Streaming-Dialogfeld angezeigt.
B Der Titel „Empfängername“ wird im Streaming-Dialogfeld angezeigt.
C Im Streaming-Dialogfeld wird die Schaltfläche „STREAMEN BEENDEN“ angezeigt. Weitere Informationen zum Trennen der Verbindung finden Sie unter Sender beendet Stream.
Android
Dialogfeld für die Übertragung, Verbindung besteht, aber keine Übertragung
Empfänger-App geladen / inaktiv
iOS
Dialogfeld für die Übertragung, Verbindung besteht, aber keine Übertragung
Erforderlich A Der Titel „Empfängername“ des Übertragungsdialogfelds wird angezeigt.
B Der Empfänger oder die Inhalte, die gerade gestreamt werden, werden unter dem Titel angezeigt.
C Im Übertragungsdialogfeld wird die Schaltfläche „STREAMING BEENDEN“ angezeigt, mit der das Streaming beendet werden kann. Weitere Informationen finden Sie unter Sender beendet Streaming.
Best Practice
Für eine optimale Nutzererfahrung sollten Sie neben den Steuerelementen im Cast-Dialogfeld auch dauerhafte Steuerelemente bereitstellen.
Android
Dialogfeld „Streamen“, während des Streamens
Empfänger, auf dem Inhalte wiedergegeben werden
iOS
Dialogfeld „Streamen“, während des Streamens
Empfänger, auf dem Inhalte wiedergegeben werden
Chrome
Dialogfeld „Streamen“, während des Streamens
Empfänger, auf dem Inhalte wiedergegeben werden
Die in diesem Designleitfaden verwendeten Bilder stammen von der Blender Foundation und unterliegen dem Urheberrecht oder der Creative Commons-Lizenz.
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
[null,null,["Zuletzt aktualisiert: 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"]]
