henry sztul

With Hackday.TV almost upon us I decided to spend the day building an app on our (shelby.tv) newly minted (v1 at least) data and player API.

To jump to the punchline you can see the app here: http://eleanor.herokuapp.com

The app, Eleanor, is designed to show you your recent unwatched video from Shelby. A simple task. That video could be coming at you from Twitter, Facebook or Tumblr while the video itself could be coming from YouTube, Vimeo, College Humor, Blip.TV, Dailymotion, TechCrunch, or Hulu.

There are several components that are down in this app: authorization, accessing the data, and displaying the video.

1) Our attempt was to implement a vanilla three legged OAuth procedure. I had some issues with rails 3.1, heroku, and the Omniauth Ruby gem playing nice with each other, so in the end I improvised, code snippets found here (Gist by Dan)

2) Our data API is very well documented with a live Web console to test authed API calls (great job Myles). Again, wrapped up the code from Eleanor into another code gist that can be found here.

3) The last piece to this app is the Shelby JavaScript player API that allows us to programmatically play individual videos as well as control volume and toggle the playback state of the currently playing video. This all happens client side and is what I think is the most interesting.

The Eleanor App can load video from any of the video providers listed above and with one set of calls can control that video. Load it, play it, pause it, mute it, and load another video all over again, from a totally different provider if need be.

This is one video player to rule them all.

eleanor.herokuapp.com : It’s not the prettiest app but it pulls from the shelby data api and serves up that video which is from multiple providers, all in one video player experience!

<eom>

1. salvador7dr liked this
2. userxs78 liked this
3. jlallouz liked this
4. henrysztul posted this