Powster

create design develop unique engage interact

Recent tweets

Liked on Tumblr

More liked posts

Under the bonnet: With Ste Thompson

In a new series of blog posts we will be taking you Behind the scenes on some of our latest builds. First up our Commander-in-Chief and Artistic Director talks us through our most recent project for Drum and Bass producer Sub Focus and the technique we’re calling FrameShift.

Powster have developed groundbreaking world first technology they have named FrameShift. It allows the user to shift frames of video as the video content is playing. These can be sequenced to create animation controlled by the user.

The application uses the YouTube Chromeless API and pulls in the video to a Flash file embedded into the Facebook newsfeed/timeline. There is an AS3 layer on the video which allows users to change between video feeds simulating animation.

This is a huge breakthrough in terms of interaction as the video can be animated by the user in real time, with filmed footage. It means for instance a user could change a scene from day to night as the scene progresses at any moment, perhaps characters could turn to warewolfs when this happens? Or even control a cameras position in a scene moving around as if they were there! Sub Focus – Out The Blue – Interactive YouTube is really the tip of the iceberg when it comes to future uses for the technology!

Here’s the technical part! With a bit of a helping hand if you’re interesting building your own custom YouTube players which embed into Facebook.

1) YouTube Chromeless API

The API allows you to embed YouTube videos and make your own custom players within Flash, you can read more here.

2) There is a layer of Flash AS3 code which lets users switch between feeds from the YouTube API in real time without losing sync. Powster have named their technology to do this FrameShift and are looking to utilise it for many music videos and interactive trailers for movies in the future.

3) There is Facebook meta data on the landing page which lets the Flash be embedded into timeline/pinned posts/Facebook newsfeed. Here’s the meta data used:

<meta property=”og:url” content=”http://cdn.umg3.net/subfocus/outtheblue/”/>

                        <meta property=”og:site_name” content=”Sub Focus - Out The Blue - Interactive”/>

                        <meta property=”fb:app_id” content=”443043215721275”/>

                        <meta property=”og:type” content=”movie” />

                        <meta property=”og:video:height” content=”227” />

                        <meta property=”og:video:height” content=”227” />

                        <meta property=”og:video:width” content=”403” />

                        <meta property=”og:video:type” content=”application/x-shockwave-flash” />

                        <meta property=”og:title” content=”Sub Focus ‘Out The Blue’ Ft. Alice Gold - YOU CONTROL THE VIDEO” />

                        <meta property=”og:description” content=”Click the PLAY button then drag objects in the video to control their movement, colour, lighting and focus in the world first ‘Out The Blue’ INTERACTIVE YOUTUBE VIDEO. Click ‘Share’ to make this appear on your timeline.” />

                        <meta property=”og:image” content=”http://cdn.umg3.net/subfocus/outtheblue/image5.jpg” />

                        <meta property=”og:video” content=”http://cdn.umg3.net/subfocus/outtheblue/subfocus_outtheblue.swf” />

                        <meta property=”og:video:secure_url”

                        content=”https://www.umgfacebook.com/subfocusvideo/subfocus_outtheblue.swf” />

 

FrameShift literally gives filmed footage the level of interaction possible in 3D game real-time rendering, at the moment in a limited amount of control at any one point.

 

Become a fan of Powster on Facebook 

Follow Powster on Twitter

Visit the Powster homepage

If you have any questions on the creative, get in touch! frameshift@powster.com  

 

Sub Focus – Out The Blue is out now on iTunes: http://bit.ly/H6l5Nm

Posted on Wednesday, May 23rd 2012

Tags Powster interactive sub focus mercury records frameshift Ste Thompson