Building Web Apps for Google TV
by Maile Ohye, Paul Carff, Andres Ferrate, Daniels Lee, Amanda Surya, Shawn Shen, Steven Hines
Chapter 4. Coding for the Leanback UI
Working with the Google Chrome Browser on a TV Display
Window Size and Overscan
How Overscan Impacts Design
As we’ve discussed previously, TV resolution on Google TV will be either 1080p or 720p. Content is broadcast expecting the legacy display characteristics of tube TVs, such as overscan, which in a tube TV represents the left and right side of a display where the image cannot be accurately displayed. Subsequently, content is clipped with the expectation that the left and right sides will not be displayed to the viewer. In digital displays, content is clipped by presenting less than the full number of pixels on the left and right side. Subsequently, to maintain the correct aspect ratio, the vertical resolution is also clipped.
When Google TV users initially adjust the display using the setup wizard, they’re identifying the actual number of pixels visible on their TV display. For most TVs, this will be less than the display’s ideal resolution and it also will vary based on models and brand.
Dealing with Ovescan
In designing pages for Google TV, taking overscan into account means that the resolution of the display, whether fundamentally 1080p or 720p, is never the same between TVs. There are two basic approaches a designer can take to accomodate overscan:
A fixed-size page design, using elements of fixed size always fit onto a page assuming a 10% empty space around the page to account for overscan variability
An adjustable page design (also known as ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access