Jetstream
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Du kannst jederzeit zu Hause nahtlos auf deine Lieblingsfilme, ‑serien, ‑musik und mehr auf dem großen Bildschirm zugreifen.
Ressourcen
Design
Farbschema
Ein Farbdesign wird mit dem Theme-Generator für Material Design 3 erstellt.
Typografie
Die Typografie von JetStream basiert auf der Schriftart „Inter“, um ein einfaches und übersichtliches Erscheinungsbild auf Fernsehbildschirmen zu erzielen.
Form
Auf die Karten und Schaltflächen wird ein dezenter Radius angewendet, um freundliche und zugängliche Kanten zu schaffen.
Fokus
In JetStream wird ein 3D-Umriss mit einer Umrissfarbe verwendet.
Zuhause
Startseite
Landingpage der JetStream-App.
Featured carousel
Ein Karussell mit einem kartenähnlichen Layout.
Inhaltszeile
JetStream verwendet einen Standardkartenstil mit einem Seitenverhältnis von 2:3 in einem 5-spaltigen Layout.
Immersive Liste
Besondere Inhalte in der App mit der immersiven Listenkomponente hervorheben, z. B. die 10 beliebtesten Filme.
Kategorien
Kategorien
Auf der Seite „Kategorien“ werden Genres in einem Rasterformat angezeigt, um die Navigation und den Zugriff zu erleichtern.
Kategoriedetails
Für die Seite mit den Kategoriedetails wird ein 2:3-Kartenraster mit einem Header verwendet.
Filme
Ein Standardtab „Filme“ mit 16:9-Karten oben und einem Inhaltsraster unten.
Mediathek
Favoriten
Auf dem Tab „Favoriten“ befinden sich oben auf dem Bildschirm Filterchips, mit denen du schnell nach Inhalten suchen kannst.
Suchen
Such-Landingpage
Auf einer Suchseite befindet sich eine Suchleiste mit vorgeschlagenen Suchanfragen, die auf den letzten Suchanfragen basieren.
Aktive Suche
Wenn der Nutzer die Suchleiste fokussiert, wird die Tastatur eingeblendet und die Ergebnisse darunter werden dynamisch aktualisiert, während der Nutzer tippt.
Details zur juristischen Person
Details
Auf der Detailseite wird eine filmische Ansicht mit einer kurzen Zusammenfassung der Handlung und einer gut sichtbaren Call-to-Action-Schaltfläche zum Ansehen des Films angezeigt.
Besetzung und Crew
Im Bereich „Besetzung und Crew“ wird eine Reihe klassischer Karten mit Titeln und Beschreibungen angezeigt, die jeweils von einem Bild-Asset im Verhältnis 2:3 begleitet werden.
Bewertungen
Der Bereich „Rezensionen“ enthält eine benutzerdefinierte breite Karte mit zusätzlichen Informationen.
Wiedergabe
Video player
Ein Standardvideoplayer mit Best Practices.
Einstellungen für den Videoplayer
Ein Pop-over für Untertitel im Videoplayer.
Einstellungen
Kontoeinstellungen
Das Seitenlayout für Konten besteht aus zwei Spalten mit einer Listenkomponente auf der linken Seite und benutzerdefinierten Kartenkomponenten auf der rechten Seite, die in einem Rasterformat angeordnet sind.
Dialogfeld „Konto löschen“
Das Dialogfeld hat einen kontrastreichen Hintergrund, damit es sich vom Rest des Bildschirms abhebt. Die beiden Schaltflächen im Dialogfeld sind linksbündig ausgerichtet, um ein übersichtliches Design zu erzielen.
About
Im Bereich „Über“ befindet sich rechts ein Bereich mit einer scrollbaren Textansicht.
Untertiteleinstellungen
Eine Listenkomponente wird verwendet, um verschiedene Einstellungen unter dem Untertitel anzuzeigen. Dabei werden Aktionen wie ein Schalter oder ein Label verwendet.
Verlauf
Der Suchverlauf wird in einem Layout angezeigt, in dem eine Liste der zuvor gesuchten Anfragen sowie eine Option zum Löschen des gesamten Suchverlaufs zu sehen ist.
Hilfe
Im Bereich „Hilfe und Support“ wird eine benutzerdefinierte Listenkomponente verwendet, um verschiedene Optionen wie Kontaktinformationen und FAQs anzuzeigen.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-27 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-27 (UTC)."],[],[],null,["# Jet Stream\n\nEnjoy seamless access to your favorite movies, TV shows, music, and more on\nthe big screen, anytime at home.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|---------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/jet-stream-figma) | Available |\n| Design | [Inter (Google Fonts)](https://goo.gle/jet-stream-fonts) | Available |\n| Implementation | [Jetpack Compose (Github)](https://goo.gle/jet-stream-github) | Available |\n\nTheme\n-----\n\n\u003cbr /\u003e\n\n**Color theme**\nA color theme is generated using the Material Design 3 theme generator. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Typography**\nJetStream's type scale uses the Inter typeface to create a simple and clear look for TV screens. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shape**\nA subtle radius is applied to the cards and buttons to create friendly and approachable edges. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Focus**\nA 3dp outline with an outline color is used in JetStream. \n\n\u003cbr /\u003e\n\nHome\n----\n\n\u003cbr /\u003e\n\n**Home**\nLanding page of JetStream app. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Featured carousel**\nA carousel with a card-style layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Content row**\nJetStream utilizes a standard card style with a 2:3 aspect ratio in a 5-column layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Immersive list**\nHighlight special content in the app using the Immersive list component, such as top 10 trending movies. \n\n\u003cbr /\u003e\n\nCategories\n----------\n\n\u003cbr /\u003e\n\n**Categories**\nThe Categories page displays genres in a grid format for easy navigation and access. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category cards** \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category details**\nA 2:3 card grid with a header is used to create the Category details page. \n\n\u003cbr /\u003e\n\nMedia\n-----\n\n\u003cbr /\u003e\n\n**Movies**\nA standard movies tab with a 16:9 featured cards on the top with content grid on the bottom. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shows** \n\n\u003cbr /\u003e\n\nLibrary\n-------\n\n\u003cbr /\u003e\n\n**Favorites**\nThe Favorites tab includes filter chips at the top of the screen to allow for quick content searching. \n\n\u003cbr /\u003e\n\nSearch\n------\n\n\u003cbr /\u003e\n\n**Search landing**\nA search page features a search bar with suggested search queries based on recent searches. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Active search**\nWhen the user focuses on the search bar, the keyboard pops up, and the results below dynamically update as the user types. \n\n\u003cbr /\u003e\n\nEntity details\n--------------\n\n\u003cbr /\u003e\n\n**Details landing**\nThe details page presents a cinematic view with a brief plot summary and a prominent call-to-action button to watch the movie. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Cast and crew**\nThe Cast and Crew section features a row of classic cards with titles and descriptions, each accompanied by a 2:3 image asset. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Ratings**\nThe ratings section features a custom classic wide card that includes additional information. \n\n\u003cbr /\u003e\n\nPlayback\n--------\n\n\u003cbr /\u003e\n\n**Video player**\nA standard video player with best practices. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Video player settings**\nA close caption popover on the video player. \n\n\u003cbr /\u003e\n\nSettings\n--------\n\n\u003cbr /\u003e\n\n**Account settings**\nThe accounts page layout features a two-column design with a list component on the left and custom card components on the right, arranged in a grid format. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Delete account dialog**\nThe dialog box is designed with a contrasting background to make it stand out from the rest of the screen. The two buttons in the dialog are aligned to the left for a clean and organized look. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**About**\nThe About section features a right-hand panel with a scrollable text view. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Subtitle settings**\nA list component is used to display various settings under subtitle, and uses actions such as a switch or a label. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**History**\nThe search history uses a layout that displays a list of previously searched queries, along with an option to clear all the search history. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Help**\nThe Help and Support section uses a custom list component to display various options, including contact information and FAQs. \n\n\u003cbr /\u003e"]]
