1. Web Apps on your TV
CREATING CONTENT FOR THE OPERA TV STORE
Patrick H. Lauke / Apps World / London / 29 November 2011

2. Web Evangelist at Opera

3. Opera – one browser on many devices

4. issues with web on TV

5. usability of “wild web”

7. discoverability

9. introducing the
Opera TV Store

11. curated list of
TV-optimised web apps

12. based on Opera SDK
but a separate standalone product

13. distribution to different OEMs
no need for separate app submissions

17. built on web technologies

22. browser as
universal platform

24. developing for TV

25. 1. input mechanism
2. display size
3. performance

26. 1. input mechanism
2. display size
3. performance

28. ●
spatial navigation by default
●
handle key events directly
●
minimise text entry

29. blah.addEventListener("keypress", function(e) {
…
e.preventDefault();
}, useCapture);

30. <!-- Optional script, provides keycode constants -->
<script src="http://tv.opera.com/js-api/api.js"></script>
…
<script>
blah.addEventListener("keypress", function(e) {
…
if (e.keyCode === opera.tv.VK_RED) { … }
…
e.preventDefault();
}, useCapture);
</script>

31. don't lose your focus
a:hover { … }
a:hover, a:focus { … }

32. opera.app.close()

33. 1. input mechanism
2. display size
3. performance

35. ●
large text and images
●
large UI elements for interaction
●
minimise scrolling

36. 720×576
1280×720
1920×1080

37. 1. input mechanism
2. display size
3. performance

38. ●
hardware acceleration?
●
avoid heavy JavaScript
●
keep animations (JS/CSS3/etc) minimal
●
space/memory extremely limited

39. no magic bullet...

40. testing and debugging

41. Opera TV Emulator
opera.com/developer/tools

42. opera.com/dragonfly

44. dev.opera.com/tv

45. publish.tvstore.opera.com

46. $€¥₤

47. ●
free to submit
●
advertising (AdMarvel integration)
●
subscription services
●
payment API Q2-Q3

48. Opera TV Store
launching at CES 2012

49. www.opera.com/developer
patrick.lauke@opera.com