Hi!

@potch

github.com/potch

Dashboards and Stuff

Regularly Scheduled Programs

Public Access Programming

On-Demand Programming

“How do I get on TV?”

What works well?

https://www.google.com/design/spec-tv/design-principles/designing-for-tv.html

TVs are far away mobile phones

TVs are far away mobile phones you can't touch.

CSS

Viewport Units

Resolution-independent!

1vw = 1% of viewport width

1vh = 1% of viewport height

1vmin = 1% of min(width, height)

1vmax = 1% of max(width, height)

@media tv

@media tv

@media (min-aspect-ratio)

window.matchMedia()

Accessibility!

tabIndex

How do I get the Web on my TV?

Setup Instructions

Dependencies

A smarter remote

WebSockets

mDNS

zeroconf, Bonjour

Local broadcast discovery
otherdevice.local

FlyWeb (experimental)

DIAL

Chromecast, Smart TVs, etc.

Bluetooth

Don't need to be on the same network!
WebBluetooth is still experimental

WebRTC!

Low-Latency!
Still need a handshake method.

Why bother today?

Thanks!

@potch https://potch.github.io/tv-talk/ (these slides) Corsica project on GitHub Android Documentation, "Designing for TV" Getting Started with Web Apps for Fire TV