Google TV

Google TV Web Sample Code

UX Design

Navigation

jQuery Library

The code for the following jQuery library samples can all be found at: https://code.google.com/p/gtv-ui-lib/downloads/detail?name=gtv-jquery-lib_2011-02-03.zip

  • Controls

    • RowControl - A scrolling, horizontal list of items on the page. See a demo.
    • SideNavControl - A menu presenting a list of choices in a horizontal or vertical orientation. Can be statically displayed, pop-out from a side, or fade in. See a demo.
    • SlidingControl - A paging display of rows of items. Pages of items slide in from the right/left as the user navigates. See a demo.
    • PhotoControl - A photo slideshow display with Play, Pause, Next, and Back buttons. Supports media keys. See a demo.
    • VideoControl - A video playback control with Play, Pause, Next and back buttons. Supports media keys. See a demo.
    • RollerControl - A multi-row 'roller' that vertically animates scrolling rows into focus as the user navigates. See a demo.
    • RotatorControl - A single row that rotates in each item from a list into view as the user navigates up/down. See a demo.
    • StackControl - Provides a central display for a single items and 'stacks' items to the left and right, rotating in each item as the user navigates left/right through the stack. See a demo.
  • Pages

    • BuilderPhotoPage - Constructs a page with a photo slide show and a scrolling thumbnail display, given a URL to a JSON-compatible feed of photos. See a demo.
    • BuilderVideoPage - Constructs a page with a YouTube video player and a scrolling thumbnail display, given a URL to a YouTube feed. See a demo.

Closure Library

The code for the following Closure library samples can be found at: https://code.google.com/p/gtv-ui-lib/downloads/detail?name=gtv-closure-lib_2011-02-03.zip

Google TV Templates

Authentication required

You need to be signed in with Google+ to do that.

Signing you in...

Google Developers needs your permission to do that.