web apps on your tv - creating content for the opera tv store / tv hackfest / london / 27.11.2012
TRANSCRIPT
Web Apps on your TV CREATING CONTENT FOR THE OPERA TV STORE
Patrick H. Lauke / TV Hackfest / London / 26 October 2012
issues with web on TV
usability of “wild web”
discoverability
introducing the
Opera TV Store
curated list ofTV-optimised web apps
based on Opera SDKbut a separate standalone product
distribution to different OEMsno need for separate app submissions
built on web technologies
browser asuniversal (meta)platform
developing for TV
1. input mechanism2. display size3. performance
1. input mechanism2. display size3. performance
● spatial navigation by default● handle key events directly ● minimise text entry
blah.addEventListener("keydown", function(e) {
…
e.preventDefault();
}, useCapture);
blah.addEventListener("keydown", function(e) {
…
if (VK_RED == e.keyCode) { … }
…
e.preventDefault();
}, useCapture);
don't lose your focus
a:hover { … }
a:hover, a:focus { … }
1. input mechanism2. display size3. performance
● large text and images● large UI elements for interaction● minimise scrolling
720×5761280×7201920×1080
1. input mechanism2. display size3. performance
● hardware acceleration?● avoid heavy JavaScript● keep animations (JS/CSS3/etc) minimal● space/memory extremely limited
no magic bullet...
testing and debugging
Opera TV Emulatoropera.com/developer/tools
opera.com/dragonfly
dev.opera.com/tv
publish.tvstore.opera.com
dev.opera.com/articles/view/testing-your-app-inside-the-opera-tv-store