• mixoff-01
  • mixoff-02
  • mixoff-03
  • mixoff-04
  • mixoff-05
  • mixoff-06
  • mixoff-07
  • mixoff-08
  • mixoff-09
  • mixoff-10
  • mixoff-11
  • mixoff-12
  • mixoff-13
  • mixoff-14
  • mixoff-15
  • mixoff-16

TalkTalk / X Factor – Mix Off

Overview

TalkTalk’s Mix Off is a ground-breaking new app in association with X Factor, that lets anyone create amazing music videos, with the best ones shown on TV:

The user picks from a selection of chart-topping audio tracks and professionally-created video styles, and can even customize the appearance of the video with additional options. After recording themselves via their web cam or phone, they can sing, dance and get creative, then preview their work, and even add friends to the same mix.

Once complete, their recordings can be shared on social media via a special Mix-Off URL and are shown on the Mix Off  gallery page.

Implementation

Working in-house at MPC , I was tasked with building the desktop app (the Android and iOS apps having already been built) in Flash, being the only logical choice as it required use of a webcam and needed to work on an average home computer.

We used the Wowza streaming video service to record the videos. These were then processed by a custom back end, logged in the CMS, then sent to a dedicated render farm to be composited into the final videos the user sees.

Being an ambitious turnaround of 4 weeks, the time was broken down as follows:

  • Asset build
  • Component build
  • Wowza / webcam testing
  • API integration and testing
  • Application build
  • User journey
  • Polishing
  • Testing and deployment

The app had several notable components which took up the majority of ActionScript development cycle:

  • Video player & recorder
  • API (REST client, services, models)
  • Configuration and bootstrap
  • Form validation
  • Custom UI elements

The build pipeline was fairly typical: assets were created in Flash Pro and exported in SWC format, then built into the app along with the core classes which (along with other Flash code from previous projects) will form my new Open Source Flash Core repository.

Having worked on a similar project a few years ago, there were no real show-stoppers, it was just a case of staying organised, building robust code, and working well with the rest of the (excellent) team.

Bop Heads

Update: I also worked on the following year’s Bop Heads app.

Links

Mix Off app

Bop Heads app

Press

Related

 

Leave a Comment