Aspect ratio of all images in the media browse carousel.
It's highly recommended to have browse item image provided in
BrowseContentItem#image matching targetAspectRatio value.
If image is too narrow/tall, it will be pillarboxed.
If image is too wide/short, it will be letterboxed.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-09-18 UTC."],[[["\u003cp\u003e\u003ccode\u003ecast.framework.ui.BrowseContent\u003c/code\u003e displays a media browse carousel for both IDLE screen and related content during playback.\u003c/p\u003e\n"],["\u003cp\u003eIt is constructed using an array of \u003ccode\u003ecast.framework.ui.BrowseItem\u003c/code\u003e (maximum 30) and an optional title.\u003c/p\u003e\n"],["\u003cp\u003eKey properties include \u003ccode\u003eitems\u003c/code\u003e, \u003ccode\u003etargetAspectRatio\u003c/code\u003e (to manage image display), and \u003ccode\u003etitle\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003eImages in the browse items should ideally match the \u003ccode\u003etargetAspectRatio\u003c/code\u003e to avoid letterboxing or pillarboxing.\u003c/p\u003e\n"]]],["`BrowseContent` manages media browse carousel content for both the IDLE and related content screens. It's instantiated using `BrowseContent(browseItems, title)`, accepting an array of `BrowseItem` objects (max 30) and an optional title. Key properties include `items`, holding the `BrowseItem` list, `targetAspectRatio` defining image aspect ratios, and `title` for the list's label. Excess items beyond 30 are truncated. `targetAspectRatio` is advised for image consistency, as images that do not fit will be pillarboxed or letterboxed.\n"],null,["# Class: BrowseContent\n\ncast.[framework](/cast/docs/reference/web_receiver/cast.framework).[ui](/cast/docs/reference/web_receiver/cast.framework.ui).BrowseContent\n==========================================================================================================================================\n\nclass static\n\nContent for the media browse carousel. This content should be used\nfor both media browse UI on IDLE screen and related content screen during\nplayback.\n\nConstructor\n-----------\n\n### BrowseContent\n\nnew\nBrowseContent(browseItems, title)\n\n| #### Parameter ||\n|-------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| browseItems | Array of non-null [cast.framework.ui.BrowseItem](/cast/docs/reference/web_receiver/cast.framework.ui.BrowseItem) List of browse items. Maximum items count is 30. Excess items will be truncated. Value must not be null. |\n| title | Optional string Title of the list. |\n\nProperties\n----------\n\n### items\n\nnon-null Array of non-null [cast.framework.ui.BrowseItem](/cast/docs/reference/web_receiver/cast.framework.ui.BrowseItem)\n\nList of browse items. Maximum items count is 30. Excess items will be\ntruncated.\n\n### targetAspectRatio\n\n(non-null [cast.framework.ui.BrowseImageAspectRatio](/cast/docs/reference/web_receiver/cast.framework.ui#.BrowseImageAspectRatio) or undefined)\n\nAspect ratio of all images in the media browse carousel.\nIt's highly recommended to have browse item image provided in\nBrowseContentItem#image matching targetAspectRatio value.\nIf image is too narrow/tall, it will be pillarboxed.\nIf image is too wide/short, it will be letterboxed.\n\n### title\n\n(string or undefined)\n\nTitle of the list."]]