Audio Annotation POC Using WaveSurfer.JS

See the Pen wave surfer – waveform by Tom (@twwoodward) on CodePen. I needed to make a quick proof of concept for the annotation of audio on the web. In this case, it’s meant to provide a visual and auditory way to play through interview segments that represent different categories of responses. I found WaveSurfer.js this morning and just a bit later I had a functional example. I find the ability to highlight track elements visually and access specific segments to be a pretty powerful combination. If we stacked several tracks vertically the visuals would quickly point out content variation in terms of timing and total composition. You could get more and more complex from there. Playing with it gave me all sorts of ideas (including possibly using it as part of of the upcoming Reclaim Your Dance Party // API + Audio = (beats, visuals, internet, participate) session at Domains 17 with Grant and Brian). It’s also looking like I’ll be able to work more with our music department to think through online course on music so possibilities like this will be very useful. This kind of thing would be pretty easy to turn into a plugin . . .

Visualizing Jackson Ward: From Start to Finish

TL;DR -First, go check out the Historic/Now Jackson Ward gallery. See the code for a Google SS backend on Github or get the jquery plugin. Read on for an attempt to detail the search and construction process. This is an attempt at ridiculous transparency regarding my search path and building process from start to finish. By the end, I’ll provide a working example of a pre/post slider for historical photographs using a Google Spreadsheet to hold the URLs. This post is overkill and will be painful for anyone not suffering from some condition which should be treated medically. The Search Friday, March 14, 10:30 (ish) PM I read Erin White’s1 THAT Camp proposal about capturing modern images to parallel VCU’s Jackson Ward collection. Eric Johnson’s comment about the Washington Post’s then/now slider got me wondering if I could figure out how that worked and set up something decent prior to Saturday’s sessions. cc licensed ( BY SA ) flickr photo shared by Tom Woodward The search graphic Search #1 – 10:40 PM – javascript slide between photographs I immediately start finding slide show focused pages. So I realize I’m not searching with the right words after about seven sites and around 60 seconds. Search #2 – 10:41 PM – washington post then and now I figure I’ll go see what […]