กระแสเจ็ต
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เพลิดเพลินกับการเข้าถึงภาพยนตร์ รายการทีวี เพลง และอื่นๆ ที่คุณชื่นชอบบน
หน้าจอขนาดใหญ่ได้อย่างราบรื่นทุกเวลาที่บ้าน
แหล่งข้อมูล
ธีม
ธีมสี
ระบบจะสร้างธีมสีโดยใช้เครื่องมือสร้างธีม Material Design 3
การออกแบบตัวอักษร
ขนาดตัวอักษรของ JetStream ใช้แบบอักษร Inter เพื่อสร้างรูปลักษณ์ที่เรียบง่ายและชัดเจนสำหรับหน้าจอทีวี
รูปร่าง
ใช้รัศมีเล็กน้อยกับปุ่มและการ์ดเพื่อสร้างขอบที่ดูเป็นมิตรและเข้าถึงง่าย
โฟกัส
ใช้เส้นขอบ 3dp ที่มีสีของเส้นขอบใน JetStream
หน้าแรก
หน้าแรก
หน้า Landing Page ของแอป JetStream
ภาพสไลด์แนะนำ
ภาพสไลด์ที่มีเลย์เอาต์สไตล์การ์ด
แถวเนื้อหา
JetStream ใช้รูปแบบการ์ดมาตรฐานที่มีสัดส่วนภาพ 2:3 ในเลย์เอาต์ 5 คอลัมน์
รายการที่สมจริง
ไฮไลต์เนื้อหาพิเศษในแอปโดยใช้คอมโพเนนต์รายการสมจริง เช่น ภาพยนตร์ยอดนิยม 10 อันดับ
หมวดหมู่
หมวดหมู่
หน้าหมวดหมู่จะแสดงประเภทในรูปแบบตารางเพื่อให้ไปยังส่วนต่างๆ และเข้าถึงได้ง่าย
รายละเอียดหมวดหมู่
ระบบใช้ตารางการ์ด 2:3 ที่มีส่วนหัวเพื่อสร้างหน้ารายละเอียดหมวดหมู่
ภาพยนตร์
แท็บภาพยนตร์มาตรฐานที่มีการ์ดแนะนำ 16:9 ที่ด้านบนและตารางเนื้อหาที่ด้านล่าง
คลัง
รายการโปรด
แท็บรายการโปรดมีชิปตัวกรองที่ด้านบนของหน้าจอเพื่อให้ค้นหาเนื้อหาได้อย่างรวดเร็ว
ค้นหา
การจัดอันดับใน Search
หน้าค้นหามีแถบค้นหาพร้อมคำค้นหาที่แนะนำซึ่งอิงจากการค้นหาล่าสุด
การค้นหาที่ใช้งานอยู่
เมื่อผู้ใช้โฟกัสที่แถบค้นหา แป้นพิมพ์จะปรากฏขึ้นและผลการค้นหาด้านล่างจะอัปเดตแบบไดนามิกเมื่อผู้ใช้พิมพ์
รายละเอียดเกี่ยวกับนิติบุคคล
หน้า Landing Page ของรายละเอียด
หน้ารายละเอียดจะแสดงมุมมองภาพยนตร์พร้อมสรุปเนื้อเรื่องสั้นๆ และปุ่มคำกระตุ้นให้ดำเนินการที่โดดเด่นเพื่อดูภาพยนตร์
นักแสดงและทีมงาน
ส่วนนักแสดงและทีมงานจะแสดงแถวของการ์ดคลาสสิกที่มีชื่อและคำอธิบาย โดยแต่ละการ์ดจะมีชิ้นงานรูปภาพสัดส่วน 2:3
คะแนน
ส่วนการจัดประเภทมีการ์ดแบบคลาสสิกที่กว้างแบบกำหนดเองซึ่งมีข้อมูลเพิ่มเติม
การเล่น
วิดีโอเพลเยอร์
โปรแกรมเล่นวิดีโอมาตรฐานที่มีแนวทางปฏิบัติแนะนำ
การตั้งค่าโปรแกรมเล่นวิดีโอ
ป๊อปอัปคำบรรยายแทนเสียงในวิดีโอเพลเยอร์
การตั้งค่า
การตั้งค่าบัญชี
เลย์เอาต์หน้าบัญชีมีการออกแบบ 2 คอลัมน์ โดยมีคอมโพเนนต์รายการทางด้านซ้ายและคอมโพเนนต์การ์ดที่กำหนดเองทางด้านขวา ซึ่งจัดเรียงในรูปแบบตารางกริด
กล่องโต้ตอบสำหรับลบบัญชี
กล่องโต้ตอบได้รับการออกแบบให้มีพื้นหลังที่ตัดกันเพื่อให้โดดเด่นจากส่วนอื่นๆ ของหน้าจอ ปุ่ม 2 ปุ่มในกล่องโต้ตอบจะจัดแนวไปทางซ้ายเพื่อให้ดูสะอาดตาและเป็นระเบียบ
เกี่ยวกับ
ส่วน "เกี่ยวกับ" จะมีแผงด้านขวาพร้อมมุมมองข้อความที่เลื่อนได้
การตั้งค่าคำบรรยาย
คอมโพเนนต์รายการใช้เพื่อแสดงการตั้งค่าต่างๆ ในส่วนคำบรรยายแทนเสียง และใช้การดำเนินการ เช่น สวิตช์หรือป้ายกำกับ
ประวัติ
ประวัติการค้นหาใช้เลย์เอาต์ที่แสดงรายการคำค้นหาที่ค้นหาไปก่อนหน้านี้ พร้อมตัวเลือกในการล้างประวัติการค้นหาทั้งหมด
ความช่วยเหลือ
ส่วนความช่วยเหลือและการสนับสนุนใช้คอมโพเนนต์รายการที่กำหนดเองเพื่อแสดงตัวเลือกต่างๆ ซึ่งรวมถึงข้อมูลติดต่อและคำถามที่พบบ่อย
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา 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"]]
