UPDATE - 05 Jan 2015
This site is temporarily offline, hopefully I can get it running again soon.
www.Facebooktv.co) is a web app that has a unique "look and feel" that automatically fits screens of all sizes, so it looks good on both your computer and mobile screens. I am also looking at ways to improve the user interface to fit television screens as well, so it can be used on Internet Connected TV screens.
So I worked on a basic prototype and then hooked it up with Facebook Open Graph API objects which let me load my friends videos and view them using the video tag. I then had many issues, mainly to do with cross browser compatibility, where various browsers supported only certain video formats to be loaded into the HTML5 video tag (e.g. Chrome and Safari allowed .mp4 format, but firefox supported .ogg). In the end, I had to build a player that switched between HTML5 videos and Facebook’s native flash player depending on the browser the user was on.
The player screen where you can also comment on the video
After working out the video player technology I wanted to use, I switched my focus on the user interface. I came across Jquery Mobile (which is still in Alpha 2 at the time of writing this article) and the brilliant HTML5 boilerplate code and decided to attempt to create a complete HTML5 user interface that looks good on all kinds of browsers and mobiles. This was a very painful process, but I’m happy to say I think the FacebookTV web app is finally in a solid and portable state.
The video list screen
So make sure you try it out here:
And I have many new features already in the pipeline, so if you want to stay up to date with new updates and announcements then add us on Twitter or like our official Facebook page by clicking on the buttons below:
I also would love to hear from anyone with suggestions and ideas, you can do that by submitting your ideas using the Google moderator tool here
Hope you guys enjoy using FacebookTV.