BucksCoJS: Building Set-top-box Apps using AngularJS

Transcript

1. Building Set-top-box Apps using AngularJS Jason Krol Bucks Co JS - October 5, 2016
2. Jason Krol Software Engineer http://dramafever.com @ShortTompkins Kroltech.com
9. Interface / UX • No mouse: manual cursor handling • Device specific remote/controller icons • TV Interface bleed • Resolution support (480p, 720p, 1080p, 4K, 10K?!) • Larger Text (10 feet rule) • OSK (On-screen Keyboards/No keyboards)
10. Video Support • HTML5 vs Native ◦ video.js FTW! • DRM support • Custom chrome • Ad support
11. Hosting & Deployment • Continuous Deployment to AWS S3 bucket • TDD with 100% coverage • GitHub w/ feature branches • Grunt tasks, make commands • Travis safety checks • Jenkins 1-button promote to Prod • Device version checking due to caching • Hosted apps vs bundled packages
12. Build & Submission Process • Each device has unique build tools • MS Windows requirements?! • Submission/QA can be nice or horrible • LG is the worst! • Amazon is the best! • Sony is great, but tools are really painful • Xbox One UWP
13. • platform.js: isolated API handling & business logic • ott-common.js: reusable business/ux logic for OTT • video-player.js: isolated standalone video player • ott_seed Repo: quickly and easily fork for new properties
14. Gotchas! • Weird SDKs • General performance issues • Debugging • Touch support?! • Mouse support?! • Shortcode login! • Offline checks/handlers • DRM support?!
15. Start your own app! • Obtain a FireTV (stick or box) • Install Web App Tester app • Create index.html • Use Microsoft TV Helpers libraries: ◦ https://github.com/Microsoft/TVHelpers/tree/master/tvjs • Point Web App Tester to website • Iterate! ◦ Best to start with a single device ◦ Additional device support once established ◦ Test, test, test!!
16. Questions?
17. Thanks everyone!