Virgin Media Pioneers with NixonMcInnes

Virgin Media Pioneers - Like Button

This month I was hired by NixonMcInnes in Brighton to revisit a site they launched last year and add some social voting to a custom build of the VideoPress (WordPress) Flash video player.

Virgin Media Pioneers is a beautiful custom video blogging site built by NixonMcInnes based on the WordPress VideoPress system.

I helped NixonMcInnes heavily customise the look & functionality of the built-in Flash video player, who’s source code is released as part of the VideoPress package.

Virgin Media Pioneers - Custom Video Player

Virgin Media Pioneers - Custom Video Player

This year we have added greater customisation by adding a ‘Like’ button to the video player’s GUI controls.

The ‘Like’ button sends your vote to the Pioneers database, and also integrates with the front end via a JavaScript function, to update the ‘Likes’ shown on the page (see below).

Virgin Media Pioneers - Like Button

Virgin Media Pioneers - Like Button

Once you have ‘Liked’ a video the player displays the current count in the GUI. If you click this, it then ‘Un-Likes’ your vote.. once again updating the database and front end.

Virgin Media Pioneers - UnLike Button

Virgin Media Pioneers - Like Count & Un Like Button

The system, was complicated further, by allowing anonymous voting (i.e. you didn’t need to be logged in), and also the voting had to work from it’s embedded state on other sites or blogs.

So, for the simple brief of adding a ‘Like’ button, lot’s of technologies were implemented by the NixonMcInnes team (@empika & @twelmo) and as always it was a pleasure working with them on the Flash elements.

This entry was posted in Projects and tagged , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>