Stowaway

Visualised Audio

on 16 May 2013 at about 17:39

24 Hours at Jono's

Visualised Audio

I recently worked with a small group of students at BU to produce three websites for the Camden Roundhouse. The sites are the products of the 'Visualised Audio' fund, sponsored by IdeasTap and the Roundhouse to back three groups of young producers to create audio and radio based projects with visual augmentations. The selected group produced audio and visual materials which our team turned into websites.

24 Hours at Jono's is a radio documentary about a snooker club which is reaching its final days; the website features audio playback and uses a JSON-encoded 'call-sheet' to trigger captions, videos, images, and background transitions at strategic points, all powered by Dojo JS.

Dirty Food Secrets is a collection of interviews about people's darkest food confessions, using split-screen video to accompany the audio; again, we used Dojo JS to fire up full-browser HTML5 video playback.

The third project, Concrete Songsheet, is a regular show on Roundhouse Radio featuring street musicians and buskers. The site is produced in Wordpress, and we used Leaflet.js to provide a map-based view of the buskers featured on the show, and in the live projection events.

Our team consisted of Sanita Lustika (user research / testing, media production), Leeroy Rose (HTML, CSS, Wordpress), and Sam Dunne (wireframes, graphic design). I did the Javascript programming.

Filed in: Web Portfolio

Portfolio archive

  • Vim Charting (6 August 2015)
  • Fabric OS (1 December 2014)
  • West Bromwich Building Society (4 December 2013)
  • University of Nottingham Global Map (30 October 2013)
  • Jobsite (14 October 2013)
  • Visualised Audio (16 May 2013)
  • Bournemouth University News & Events (1 May 2013)
  • MakieLab (17 November 2012)
  • Bookleteer (6 September 2012)
  • Lawrence Norfolk (29 May 2012)
  • MeCCSA (27 September 2011)
  • Streets of Bournemouth (1 March 2011)
  • Practice Assessor (19 November 2010)
  • Ad-Review (20 October 2010)
  • CEMP MixTape VLE (31 October 2009)
  • AH Design (18 October 2009)
  • Kidmapped! (20 August 2009)
  • Creative Manchester (13 July 2009)
  • Hauntology (19 May 2009)
  • Web as Soundscape (18 August 2008)
  • Encyclomedia (30 September 2007)
  • Bournemouth Soundseeing (9 May 2007)
  • Biblipedia (20 November 2006)
  • Robin James (8 October 2006)
  • Campbell Rowley (12 June 2006)
  • IMP Aggregator (26 March 2006)
  • 3D Solar System - part III (8 October 2005)
  • Cath Bond dot com (16 September 2005)
  • Exclusive Ltd (30 June 2004)
  • Cuddlez (1 June 2004)
  • Camp Quality UK website (18 December 2003)
  • The Code Mafia (12 November 2003)
  • Dancing EastEnders (23 April 2003)
  • The Keyboard and The Mouse (21 April 2003)
  • Reverberate (15 April 2003)
  • PUSH (22 September 2001)
  • LCF IT Dept Website (9 September 2001)
  • BBC Eastenders Witness Quiz (8 April 2001)
  • Artwork (20 November 2000)
  • Small Print

    Joe Flintham 2000 - 2015

    Long form: Menticulture

    Professional Services: Fathom Point