The web is everywhere nowadays, certainly not excluding the new Apple TV. So let’s find out how we can leverage web technologies to quickly prototype and build applications for Apple’s new tvOS, a platform that comes with its own unique set of features and problems.

1. Building a  tvOS Application
using TVJS & TVML

2. Michiel De Mey

4. Navigation

6. tvOS App
 TV Markup Language

7. <?xml version="1.0" encoding="UTF-8" ?>
<document>
<descriptiveAlertTemplate>
<title>Terms of Service</title>
<description>Lorem ipsum (…)</description>
<row>
<button>
<text>Accept</text>
</button>
<button>
<text>Decline</text>
</button>
</row>
</descriptiveAlertTemplate>
</document>
 TV Markup Language

8.  TV Markup Language

10. tvOS App
 TV Javascript Framework

11.  TV Javascript Framework
• Supports some standard DOM classes
DOMParser
Event
XMLSerializer
• Has some tvOS specific classes you can work with
XMLHttpRequest
MediaItem
Storage

12. • Not through HTML <audio> or <video> element
<audio> element is for background audio
• Through Javascript
var player = new Player();
var playlist = new Playlist();
var mediaItem = new MediaItem("audio", audioURL);
player.playlist = playlist;
player.playlist.push(mediaItem);
player.present();
 TV Javascript Framework
Playing Video/Audio?

13. • `Window` object is non-existent
Use `App` variable instead.
• No `Promise` support
Use core-js
https://github.com/zloirock/core-js
• JavaScript inconsistencies
Math.random().toString(36)
 TV Javascript Framework

14. Example App

15. Authentication

20. The Stack
• Browserify (Bundling)
• Babel (ES6)
• Hogan.js (mustache templating)

21. Debugging

23. Official  Resources
• Creating a Client-Server App
• TVJS Framework Reference
• TVML Language Reference
• tvOS Sample Code

24. Source Code
• Xcode Project:
https://github.com/MichielDeMey/cumulus-tv-xcode
• Client Project:
https://github.com/MichielDeMey/cumulus-tv
• OAuth Server:
https://github.com/MichielDeMey/tvos-oauth-flow

25. Thank You