Web Receiver – Übersicht

Web Receiver-Anwendung

Eine Web Receiver-Anwendung ist eine HTML5/JavaScript-Anwendung, die auf dem Web Receiver-Gerät wie Chromecast ausgeführt wird. Die Anwendung „Webempfänger“ führt die folgenden Funktionen aus:

  • Eine Oberfläche zur Anzeige der App-Inhalte auf dem Fernseher
  • Verarbeitet Nachrichten von der Absenderanwendung, um Inhalte auf dem Web Receiver-Gerät zu steuern.
  • Verarbeitet benutzerdefinierte Nachrichten der Absenderanwendung, die anwendungsspezifisch sind.

Der Webempfänger bietet zusätzliche Funktionen.

Web Receiver SDK

Das Web Receiver SDK umfasst außerdem einen integrierten Mediaplayer, der eine nahtlose und einfache Wiedergabe ermöglicht. Du kannst damit auch die Player-UI anpassen und deinen Web Receiver abfangen sowie Nachrichten und Methoden zum Ausführen deiner benutzerdefinierten Geschäftslogik überschreiben.

Sie können Ihre Web Receiver-Anwendung folgendermaßen implementieren:

  • Styled Media Web Receiver verwenden: Dies ist eine vordefinierte Web Receiver-Anwendung, die eine Mediaplayer-Benutzeroberfläche für Audio- und Videoinhalte bietet. Sie bietet eine Standardbenutzeroberfläche für die Anwendung „Webempfänger“. Sie können jedoch mehrere Elemente der Benutzeroberfläche mit einer CSS-Datei anpassen.
  • Benutzerdefinierten Web-Empfänger entwickeln: Dies ist eine benutzerdefinierte HTML5-App, die gehostet werden muss, damit die Inhalte der App auf dem Fernseher angezeigt werden können. Sie müssen möglicherweise einen benutzerdefinierten Receiver erstellen, wenn in Ihrer App andere Inhalte als Audio-/Videomedien angezeigt werden sollen oder wenn der Receiver mit benutzerdefinierten Stilen die für Ihre App erforderlichen Medientypen nicht unterstützt.

Wenn Sie keinen Webempfänger implementieren möchten, kann die Anwendung den Standardmedien-Webempfänger verwenden.

Webempfänger auswählen

Das Web Receiver SDK bietet verschiedene Arten von Empfängern, die Ihren Geschäftsanforderungen entsprechen. Einen Vergleich der verschiedenen Funktionen finden Sie im Leitfaden zu Receiver-Apps.

Styled Media Web Receiver

Der Styled Media Web Receiver ist eine von Google gehostete Anwendung zum Streamen von Audio- und Videoinhalten. Sie können die Oberfläche mithilfe einer CSS-Datei mit eigenen Farben und Branding-Assets gestalten.

Wenn Sie den Styled Media Web Receiver verwenden möchten, wählen Sie beim Registrieren einer neuen Anwendung den Styled Web Web Receiver aus (optional) und geben Sie die URL zu einer CSS-Datei an, die ein benutzerdefiniertes Design für die Benutzeroberfläche der Web Receiver-Anwendung definiert.

Weitere Informationen zu den CSS-Stilen, mit denen Sie die Benutzeroberfläche der Styled Media Web Receiver-Anwendung anpassen können, finden Sie im Leitfaden für Styled Media Receiver.

Benutzerdefinierter Webempfänger

Wenn deine App Inhalte wie eine Bildergalerie bereitstellt, DRM oder eine benutzerdefinierte Geschäftslogik erfordert, musst du eine benutzerdefinierte Anwendung für den Webempfänger erstellen. Ein benutzerdefinierter Web Receiver ist eine HTML5-Anwendung, die auf Ihren eigenen Servern gehostet wird und mit der JavaScript Web Receiver API implementiert werden muss.

Weitere Informationen zum Erstellen deiner Web Receiver-Anwendung mit der Web Receiver API findest du im Leitfaden zu benutzerdefinierten Web Receivern.

Standardmedien-Webempfänger

Eine dritte Option ist der Standard-Medien-Webempfänger. Dies ist eine vordefinierte, von Google gehostete Web Receiver-Anwendung zum Streamen Ihrer Audio- und Videoinhalte. Eine Registrierung bei der Google Cast SDK Developer Console ist nicht erforderlich, aber Sie können keine der UI im Standard-Media-Webempfänger anpassen.

Anstatt sich bei der Entwicklerkonsole für den Empfang einer App-ID zu registrieren, können Sie den Standard-Media-Webempfänger mit der Standard-App-ID verwenden:

  • Für Android-Apps: CastMediaControlIntent.DEFAULT_MEDIA_RECEIVER_APPLICATION_ID
  • Für Web-Apps: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID
  • Für iOS-Apps:
    • <=v4.0.0 kGCKMediaDefaultReceiverApplicationID
    • >=v4.0.2 kGCKDefaultMediaReceiverApplicationID

In der Absender-App startest du die Standard-Medien-Web-Receiver-App auf dem Übertragungsgerät und nutzt diese, um die URL in deine Medien zu laden.