Building a tvOS Application
1 like481 views
The document details the process of building a tvOS application using TVJS and TVML, outlining specific components such as handling user navigation and media playback. It highlights the use of various frameworks and tools like browserify, babel, and oauth for authentication and provides links to sample code. The document also addresses the absence of certain JavaScript features and offers debugging resources for developers.
Building a tvOS Application
- 1. Building a tvOS Application using TVJS & TVML
- 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