Javascript Powered TVs!?

Jeremy Johnstone - LinkedIn

Formerly with Yahoo!

1Monday, May 2, 2011

Who am I?• Worked at Yahoo! from 2005 - 2011

• Currently a Developer Advocate for LinkedIn’s Platform Team

• While at Yahoo!, was on Connected TV team for over 2 years architecting and developing the Javascript side of TV Widgets

• Long history working with Javascript on dozens of platforms

2Monday, May 2, 2011

Agenda

• What is Yahoo! Connected TV?

• Why would you want to develop a

widget?

• How to develop a widget?

• What can you do in widgets?

3Monday, May 2, 2011

Javascript... On TVs!?

• Browsers

• Mobile Devices

• Servers

• So why not TVs too!?

4Monday, May 2, 2011

So what is Yahoo! Connected TV?

• Based on Konfabulator ported to run in an embedded Linux platform

• Uses Spydermonkey internally for JS

• KONtx Framework loosely based on MOOTools’ Class pattern

• Available on most major TV manufacturers (Samsung, Sony, Vizio, LG, Toshiba, etc)

5Monday, May 2, 2011

Why develop a TV Widget?

• Market Distribution: On over 70 models of TVs in 135 countries with over 8,000,000 TVs in the field.

• It’s Javascript! Javascript RULES!

• Easy to get up and running

• Open Platform

• Build Widget ... ? ... Profit!

6Monday, May 2, 2011

What does it take to develop a widget?

• Computer w/ a text editor and a Virtual Machine (VMware or VirtualBox)

• Yahoo! TV Widget WDK

• Knowing Javascript

• A supported TV for testing (not required)

• Vision for an awesome widget

7Monday, May 2, 2011

LinkedIn Network Stream Widget

• Great example of consuming a REST based API in a widget

• Example of one approach to handling OAuth UX in a Widget

• Shows a full screen TV overlay experience

8Monday, May 2, 2011

Why ?

• Professional identity and insights

• 100+ million users around the world

• Powerful platform

• Widget didn’t exist yet

• It’s where I work... :)

9Monday, May 2, 2011

Ok, I’m interested!Show me how to build

a widget already!

10Monday, May 2, 2011

Demo

11Monday, May 2, 2011

What all can I do in a widget?

• Content (News, Social Media, etc)

• Media (Video streaming, photos, music, etc)

• Gaming (full screen games including multiplayer)

• TV Interactivity (voting on shows, enhanced commercials, etc)

• Other stuff (build box status, network usage graphs, booth kiosks)

12Monday, May 2, 2011

What does the experience look like?

13Monday, May 2, 2011

More Info• Yahoo! Connected TV

• http://connectedtv.yahoo.com• http://developer.yahoo.com/connectedtv

• LinkedIn• http://developer.linkedin.com

• Me• http://www.jeremyjohnstone.com or

http://github.com/jsjohnst or Twitter @jsjohnst

14Monday, May 2, 2011

Questions?

15Monday, May 2, 2011