Skip to Content
Building Web Apps for Google TV
book

Building Web Apps for Google TV

by Maile Ohye, Paul Carff, Andres Ferrate, Daniels Lee, Amanda Surya, Shawn Shen, Steven Hines
July 2011
Intermediate to advanced
114 pages
2h 43m
English
O'Reilly Media, Inc.
Content preview from Building Web Apps for Google TV

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

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Building Web Apps that Work Everywhere

Building Web Apps that Work Everywhere

Adam D. Scott
How to Develop a Great Digital Strategy

How to Develop a Great Digital Strategy

Jeanne W. Ross, Cynthia M. Beath, Ina M. Sebastian
The Hidden Cost of AI-Assisted Creativity

The Hidden Cost of AI-Assisted Creativity

Léonard Boussioux, Anil Doshi, Oliver Hauser, Kartik Hosanagar

Publisher Resources

ISBN: 9781449307998Errata Page