جيت ستريم
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
استمتِع بالوصول السلس إلى أفلامك وبرامجك التلفزيونية والموسيقى المفضّلة لديك وغير ذلك الكثير على
الشاشة الكبيرة وفي أي وقت في المنزل.
المراجع
المظهر
المظهر الملوّن
يتم إنشاء نسق ألوان باستخدام أداة إنشاء المظاهر Material Design 3.
أسلوب الخط
يستخدم مقياس الكتابة في JetStream الخط الطباعي لإنتاج مظهر بسيط وواضح لشاشات التلفزيون.
الشكل
يتم تطبيق نصف قطر دقيق على البطاقات والأزرار لإنشاء حواف يسهل الوصول إليها.
التركيز
يتم استخدام مخطط ثلاثي الأبعاد مع لون مخطط في JetStream.
الصفحة الرئيسية
الصفحة الرئيسية
الصفحة المقصودة لتطبيق JetStream.
لوحة عرض دوّارة مميزة
لوحة عرض دوّارة على شكل بطاقات:
صف المحتوى
تستخدم منصة JetStream نمط بطاقات عاديًا بنسبة عرض إلى ارتفاع تبلغ 2:3 في تصميم مكوّن من 5 أعمدة.
القائمة الشاملة
يمكنك إبراز المحتوى الخاص في التطبيق باستخدام مكوِّن القائمة المجسَّمة، مثل أهم 10 أفلام رائجة.
الفئات
الفئات
تعرض صفحة "الفئات" الأنواع بتنسيق شبكة لتسهيل التنقّل والوصول إليها.
تفاصيل الفئة
يتم استخدام شبكة بطاقات بحجم 2:3 مع عنوان لإنشاء صفحة "تفاصيل الفئة".
الأفلام
علامة تبويب "أفلام عادية" تحتوي على بطاقات مميّزة بنسبة عرض إلى ارتفاع تبلغ 16:9 في الأعلى مع شبكة محتوى في أسفلها
المكتبة
المفضّلة
تتضمّن علامة التبويب "عناصر التحكّم المفضَّلة" شرائح فلاتر في أعلى الشاشة تتيح البحث سريعًا عن المحتوى.
بحث
الصفحة المقصودة للبحث
تحتوي صفحة البحث على شريط بحث يتضمّن طلبات بحث مقترَحة استنادًا إلى عمليات البحث الأخيرة.
البحث النشط
عندما يركّز المستخدم على شريط البحث، تنبثق لوحة المفاتيح، ويتم تعديل النتائج المعروضة أدناه ديناميكيًا بينما يكتب المستخدم.
تفاصيل الكيان
الصفحة المقصودة الخاصة بالتفاصيل
تقدّم صفحة التفاصيل عرضًا سينمائيًا مع ملخص موجز للحبكة وزرًا بارزًا لعبارة الحث على اتخاذ إجراء لمشاهدة الفيلم.
فريق التمثيل وطاقم العمل
يضم قسم "طاقم العمل وفريق العمل" صفًا من البطاقات الكلاسيكية مع عناوين وأوصاف، مصحوبة بمادة عرض صورة بنسبة عرض إلى ارتفاع 2:3.
التقييمات
يعرض قسم التقييمات بطاقة عريضة كلاسيكية مخصّصة تتضمّن معلومات إضافية.
التشغيل
مشغّل الفيديو
مشغّل فيديو عادي يتّبع أفضل الممارسات.
إعدادات مشغّل الفيديو
نافذة منبثقة لمقاطع الترجمة والشرح في مشغّل الفيديو:
الإعدادات
إعدادات الحساب
يتميّز تنسيق صفحة الحسابات بتصميم من عمودَين مع عنصر قائمة على اليمين ومكوِّنات البطاقة المخصّصة على اليسار، ويتم ترتيبه على شكل شبكة.
مربّع حوار حذف الحساب
تم تصميم مربّع الحوار بخلفية متباينة لإبرازه عن باقي الشاشة. الزران في مربع الحوار محاذاة إلى اليسار للحصول على مظهر نظيف ومنظم.
لمحة
يعرض القسم "لمحة" لوحة على يسار الشاشة مع عرض نص يمكن التنقّل فيه.
إعدادات الترجمة
يتم استخدام مكوِّن القائمة لعرض إعدادات مختلفة ضمن العنوان الفرعي، ويستخدم إجراءات مثل مفتاح تبديل أو تصنيف.
السجلّ
يستخدم سجلّ البحث تنسيقًا يعرض قائمة بطلبات البحث التي تم البحث عنها سابقًا، إلى جانب خيار محو سجلّ البحث بالكامل.
مساعدة
يستخدم قسم "المساعدة والدعم" مكوّن قائمة مخصّصة لعرض خيارات متنوعة، بما في ذلك معلومات الاتصال والأسئلة الشائعة.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],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"]]