Luồng phản lực
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Tận hưởng khả năng truy cập liền mạch vào các bộ phim, chương trình truyền hình, âm nhạc và nhiều nội dung khác mà bạn yêu thích trên màn hình lớn, bất cứ lúc nào tại nhà.
Tài nguyên
Giao diện
Giao diện màu
Giao diện màu được tạo bằng trình tạo giao diện Material Design 3.
Kiểu chữ
Kiểu chữ của JetStream sử dụng kiểu chữ Inter để tạo ra một giao diện đơn giản và rõ ràng cho màn hình TV.
Hình dạng
Bán kính tinh tế được áp dụng cho thẻ và nút để tạo ra các cạnh thân thiện và dễ tiếp cận.
Tiêu điểm
Đường viền 3dp với màu đường viền được sử dụng trong JetStream.
Màn hình chính
Trang chủ
Trang đích của ứng dụng JetStream.
Băng chuyền nổi bật
Một băng chuyền có bố cục kiểu thẻ.
Hàng nội dung
JetStream sử dụng kiểu thẻ tiêu chuẩn với tỷ lệ khung hình 2:3 trong bố cục 5 cột.
Danh sách sống động
Làm nổi bật nội dung đặc biệt trong ứng dụng bằng thành phần Danh sách sống động (chẳng hạn như 10 bộ phim thịnh hành nhất).
Danh mục
Danh mục
Trang Danh mục hiển thị các thể loại ở định dạng lưới để dễ dàng điều hướng và truy cập.
Chi tiết danh mục
Một lưới thẻ 2:3 có tiêu đề được dùng để tạo trang Thông tin chi tiết về danh mục.
Phim
Một thẻ phim tiêu chuẩn có các thẻ nổi bật tỷ lệ 16:9 ở trên cùng và lưới nội dung ở dưới cùng.
Thư viện
Mục yêu thích
Thẻ Yêu thích bao gồm các khối bộ lọc ở đầu màn hình để giúp bạn tìm nhanh nội dung.
Tìm kiếm
Trang đích tìm kiếm
Trang tìm kiếm có thanh tìm kiếm với các cụm từ tìm kiếm đề xuất dựa trên nội dung tìm kiếm gần đây.
Tìm kiếm đang hoạt động
Khi người dùng tập trung vào thanh tìm kiếm, bàn phím sẽ bật lên và các kết quả bên dưới sẽ tự động cập nhật khi người dùng nhập.
Thông tin về thực thể
Trang đích chi tiết
Trang chi tiết hiển thị chế độ xem điện ảnh với tóm tắt cốt truyện ngắn gọn và nút kêu gọi hành động nổi bật để người dùng xem phim.
Diễn viên và đội ngũ thực hiện
Phần Diễn viên và Phi hành đoàn có một hàng thẻ cổ điển, có tiêu đề và nội dung mô tả, mỗi thẻ đi kèm một thành phần hình ảnh có tỷ lệ khung hình 2:3.
Điểm xếp hạng
Phần điểm xếp hạng có một thẻ rộng tuỳ chỉnh và kiểu cũ có thông tin bổ sung.
Phát
Trình phát video
Một trình phát video chuẩn có các phương pháp hay nhất.
Cài đặt trình phát video
Cửa sổ bật lên phụ đề gần trên trình phát video.
Cài đặt
Cài đặt tài khoản
Bố cục trang tài khoản có thiết kế 2 cột, trong đó có một thành phần danh sách ở bên trái và thành phần thẻ tuỳ chỉnh ở bên phải, được sắp xếp theo định dạng lưới.
Hộp thoại xoá tài khoản
Hộp thoại được thiết kế với nền tương phản để làm nổi bật hộp thoại so với phần còn lại của màn hình. Hai nút trong hộp thoại được căn chỉnh sang trái để mang lại giao diện gọn gàng và ngăn nắp.
Giới thiệu
Phần Giới thiệu có bảng điều khiển bên phải với chế độ xem văn bản có thể cuộn.
Cài đặt phụ đề
Thành phần danh sách được dùng để hiển thị nhiều chế độ cài đặt trong tiêu đề phụ và sử dụng các thao tác như nút chuyển hoặc nhãn.
Nhật ký
Nhật ký tìm kiếm sử dụng một bố cục hiển thị danh sách các cụm từ tìm kiếm trước đây cùng với tuỳ chọn xoá toàn bộ nhật ký tìm kiếm.
Trợ giúp
Phần Trợ giúp và hỗ trợ sử dụng thành phần danh sách tuỳ chỉnh để cho thấy nhiều lựa chọn, trong đó có thông tin liên hệ và Câu hỏi thường gặp.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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"]]
