A widget that displays shareable quotes along with OutLoud Radio's Soundcloud podcast files.
JavaScript CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
js
jscolor
styles
.gitignore
CNAME
Queer Quote presentation.pptx
README.md
index.html

README.md

##Queer-Quote Created for outLoud Radio. An interactive widget that syncs the audio from a podcast with the text from a transcript. At any point during playback, the current text or quote can be converted into an image, with customizable colors, and then shared to facebook.

Not only does this make the audio more accessible, but our hope is that it will drive user engagement and make ouLoud Radio more visible on social media.

Demo it here

####Technologies:

  • SoundCloud
  • Popcorn.js
  • A custom .srt to json transcript file converter
  • Canvas2Image.js
  • JSColor.js
  • Bootstrap
  • jQuery

####Development: In development, run a local server, for instance:

python -m SimpleHTTPServer