Upgrade to Pro — share decks privately, control downloads, hide ads and more …

tvOS Workshop

tvOS Workshop

A 1-day workshop given to attendees of Pragmaconf '16 in Verona, Italy.

Ben Scheirman

October 12, 2016
Tweet

More Decks by Ben Scheirman

Other Decks in Programming

Transcript

  1. Not just a bigger screen. • Central place in home

    • The hub for media • Families
  2. ?

  3. •Provide a single focus point. •Keep the background simple. •Use

    words only when they’re essential or part of a logo. •Don’t include screenshots. •Keep icon corners square.
  4. <document> <stackTemplate> <banner> <title>Available Action Movies</title> </banner> <collectionList> <shelf> <section>

    <lockup onselect="playMedia('path to video', 'video')"> <img src="path to image" width="182" height="274"/> <title>Movie 1</title> </lockup> <lockup onselect="playMedia('path to video', 'video')"> <img src="path to image" width="182" height="274" /> <title>Movie 2</title> </lockup> </section> </shelf> </collectionList> </stackTemplate> </document>
  5. <document> <stackTemplate> <banner> <title>Available Action Movies</title> </banner> <collectionList> <shelf> <section>

    <lockup onselect="playMedia('path to video', 'video')"> <img src="path to image" width="182" height="274"/> <title>Movie 1</title> </lockup> <lockup onselect="playMedia('path to video', 'video')"> <img src="path to image" width="182" height="274" /> <title>Movie 2</title> </lockup> </section> </shelf> </collectionList> </stackTemplate> </document>
  6. function playMedia(extension, mediaType) { var videourl = baseURL + extension;

    var singleVideo = new MediaItem(mediaType, videourl); var videoList = new Playlist(); videoList.push(singleVideo); var myPlayer = new Player(); myPlayer.playlist = videoList; myPlayer.play(); }