Quick overview of how to use web development knowledge and JavaScript to release TV applications.

1. Start developing for TVs
Claudiu Lodromanean

2. Why?
- TV is everywhere.
- Over 99% of American houses have a TV.
- People spend on average 10 hours a day looking at screens.
- About 4.5 hours of this is TV.
- Millions of phone apps.
- More than a billion web sites.
- Few thousand TV apps and channels.
There are only a few thousand things to do for one
half of the screen time and over a billion for the
other half!

3. Platforms
- 4 of the 6 largest platforms support JS-powered web apps
- LG smart TVs
- Samsung smart TVs
- Panasonic smart TVs
- Amazon FireTV
- You can build one web app that runs on all of these devices.

4. How applications are loaded & rendered
- TV apps are rendered in a chromeless Opera browser

5. The single-page application
Menu Video Player
HTML5 video element
Regular HTML and CSS

6. The remote
- Sends key events (keydown, keyup, etc.)

7. Special Considerations

8. 10 ft. viewing experience
Image: Samsung Application Design Principles

9. 1400px
320px
1080px
1920px+
Responsive “Reverse responsive”

10. Live example
- https://www.youtube.com/tv
- This app is deployed by YouTube across many platforms.

11. Thanks!