Scrubbable is a novel way of allowing a user to control the flow of a short, high frame rate video clip.Launch project
We needed to turn large, high quality videos into single images, super-quickly, and in a super performent fashion
Expanding on an original concept, we needed to create a production ready Scrubbable tool to be used across the BBC real estate in any number of ways, under extreme usage stress.
We needed to reduce the file size down massively, to allow our entire application and video to be under a 500mb library download.
We worked hard to make sure the interactions were obvious, intuitive and fun - meaning anyone can Scrub quickly and easily.
We used image processing to present single frames each side of the users current time frame, all controlled by touch - or scrubbing
We needed to continually re-imagine our technical approaches to create a highly optimised and performant experience for usage and CMS upload. We removed all large libraries (Angular, jQuery), replacing with either vanilla JS or micro libraries, greatly reducing the download needed.
We worked hard to deliver a responsive solution to handling and presenting imagery, enabling device specific presentation of images for performance.
We created a simple, bespoke CMS to allow editorial to control video frame-rates and thus total image downloads.
One of the most successful BBC iWonder tools ever, Scrubbable has been used extensively for the 2014 World Cup, Bitesize, Comedy and loads more.
After careful development, we managed to reduced initial page download to under 150kb, 100kb under the BBC's internal 250kb target.
Reduced like for like instance from 17mb to as low as 2mb total download on mobile devices.
Our application was succesfully accepted into BBC iWonder suite and advertised on television nationally, including a TV slot with Frank Skinner. Furthermore, Scrubbables have been made for any number of programmes, including the 2014 Football World Cup.
The most fun I've had with a video in a long time! Launching the rocket was awesome!
Payload optimised to be a meagre 150kb
mb download size