जेट स्ट्रीम
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
घर पर कभी भी बड़ी स्क्रीन पर, अपनी पसंदीदा फ़िल्मों, टीवी शो, संगीत वगैरह का आनंद लें.
संसाधन
थीम
कलर थीम
कलर थीम, Material Design 3 के थीम जनरेटर का इस्तेमाल करके जनरेट की जाती है.
टाइपोग्राफ़ी
JetStream के टाइप स्केल में Inter टाइपफ़ेस का इस्तेमाल किया जाता है. इससे टीवी स्क्रीन पर टेक्स्ट साफ़ तौर पर दिखता है.
आकार
कार्ड और बटन पर हल्का सा रेडियस लागू किया गया है, ताकि उनके किनारे अच्छे और आसानी से इस्तेमाल किए जा सकें.
फ़ोकस
JetStream में, आउटलाइन के रंग वाली 3dp आउटलाइन का इस्तेमाल किया जाता है.
होम
होम
JetStream ऐप्लिकेशन का लैंडिंग पेज.
चुनिंदा कैरसेल
कार्ड स्टाइल लेआउट वाला कैरसेल.
कॉन्टेंट की लाइन
JetStream, पांच कॉलम वाले लेआउट में 2:3 आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) के साथ स्टैंडर्ड कार्ड स्टाइल का इस्तेमाल करता है.
इमर्सिव लिस्ट
इमर्सिव लिस्ट कॉम्पोनेंट का इस्तेमाल करके, ऐप्लिकेशन में खास कॉन्टेंट हाइलाइट करें. जैसे, सबसे ज़्यादा ट्रेंड करने वाली 10 फ़िल्में.
कैटगरी
कैटगरी
कैटेगरी पेज पर, शैलियों को ग्रिड फ़ॉर्मैट में दिखाया जाता है, ताकि उन्हें आसानी से ऐक्सेस किया जा सके और उन पर नेविगेट किया जा सके.
कैटगरी की जानकारी
कैटेगरी के बारे में जानकारी देने वाला पेज बनाने के लिए, हेडर के साथ 2:3 कार्ड ग्रिड का इस्तेमाल किया जाता है.
फ़िल्में
यह फ़िल्मों का स्टैंडर्ड टैब है. इसमें सबसे ऊपर 16:9 आसपेक्ट रेशियो वाले फ़ीचर्ड कार्ड और सबसे नीचे कॉन्टेंट ग्रिड दिख रही है.
लाइब्रेरी
पसंदीदा
'पसंदीदा' टैब में, स्क्रीन पर सबसे ऊपर फ़िल्टर चिप शामिल होती हैं. इनकी मदद से, कॉन्टेंट को तुरंत खोजा जा सकता है.
खोजें
खोज नतीजों में दिखने वाले विज्ञापन के लिए लैंडिंग पेज
खोज पेज पर, एक खोज बार होता है. इसमें हाल की खोजों के आधार पर, खोज क्वेरी के सुझाव दिए जाते हैं.
ऐक्टिव सर्च
जब उपयोगकर्ता खोज बार पर फ़ोकस करता है, तब कीबोर्ड पॉप-अप होता है. साथ ही, उपयोगकर्ता के टाइप करते समय, नीचे दिए गए नतीजे डाइनैमिक रूप से अपडेट होते हैं.
इकाई की जानकारी
ज़्यादा जानकारी वाला लैंडिंग पेज
ज़्यादा जानकारी वाले पेज पर, फ़िल्म का एक छोटा सा ट्रेलर दिखता है. साथ ही, फ़िल्म देखने के लिए एक कॉल-टू-ऐक्शन बटन भी दिखता है.
कलाकार और सहायक दल
'कलाकार और क्रू' सेक्शन में, टाइटल और जानकारी वाले क्लासिक कार्ड की एक लाइन दिखती है. हर कार्ड के साथ 2:3 इमेज ऐसेट होती है.
रेटिंग
रेटिंग सेक्शन में, कस्टम क्लासिक वाइड कार्ड दिखता है. इसमें अन्य जानकारी भी शामिल होती है.
वीडियो चलाएं
वीडियो प्लेयर
सबसे सही तरीकों के साथ एक स्टैंडर्ड वीडियो प्लेयर.
वीडियो प्लेयर की सेटिंग
वीडियो प्लेयर पर सबटाइटल का पॉप-ओवर.
सेटिंग
खाता सेटिंग
खातों के पेज का लेआउट, दो कॉलम वाला डिज़ाइन है. इसमें बाईं ओर सूची वाला कॉम्पोनेंट और दाईं ओर कस्टम कार्ड कॉम्पोनेंट मौजूद हैं. इन्हें ग्रिड फ़ॉर्मैट में व्यवस्थित किया गया है.
खाता मिटाने का डायलॉग
डायलॉग बॉक्स को कंट्रास्ट वाले बैकग्राउंड के साथ डिज़ाइन किया गया है, ताकि यह स्क्रीन के बाकी हिस्से से अलग दिखे. डायलॉग बॉक्स में मौजूद दोनों बटन, बाईं ओर अलाइन किए गए हैं, ताकि यह साफ़-सुथरा और व्यवस्थित दिखे.
About
'जानकारी' सेक्शन में, दाईं ओर एक पैनल होता है. इसमें स्क्रोल किया जा सकने वाला टेक्स्ट व्यू होता है.
सबटाइटल की सेटिंग
सूची कॉम्पोनेंट का इस्तेमाल, सबटाइटल में अलग-अलग सेटिंग दिखाने के लिए किया जाता है. यह स्विच या लेबल जैसे ऐक्शन का इस्तेमाल करता है.
इतिहास
खोज के इतिहास में एक ऐसा लेआउट इस्तेमाल किया जाता है जिसमें पहले खोजी गई क्वेरी की सूची दिखती है. साथ ही, खोज के पूरे इतिहास को मिटाने का विकल्प भी होता है.
सहायता
'सहायता और सुझाव' सेक्शन में, कस्टम लिस्ट कॉम्पोनेंट का इस्तेमाल किया जाता है. इससे संपर्क जानकारी और अक्सर पूछे जाने वाले सवालों के साथ-साथ अन्य विकल्प भी दिखाए जाते हैं.
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. Java और OpenJDK, Oracle और/या इससे जुड़ी हुई कंपनियों के ट्रेडमार्क या रजिस्टर किए हुए ट्रेडमार्क हैं.
आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 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"]]
