quickQuote - Times & Sunday Times21 Jul 2015
This project was done while working as newsroom developer at the Times & Sunday Times as part of a summer placement for the final project of the UCL Msc in Computer Science.
On The Times Digital blog I wrote about the thinking behind the project.
In a nutshell if we take the coverage of the Republican presidential candidate debate on Fox News most news outlet merely copied the quotes verbatim and them paired them with photos of the candidates.
## A video screencast example
Here’s a screencast of a demo of an alternative “interactive video quote” a journalist could embed in a news article.
## An interactive example And here is the quote you see in the video above embedded in this page. Followed by the HTML, CSS and JS code.
► Watch Video
A five billion dollar web site, I have so many websites, I have them all over the place. I hire people they do a web site, it costs me three dollars.
The embed code for a video quote
In the following video you can see how a user can, once a video as been uploaded an processed by the speech to text API, search through the text, select a quote, edit it, preview and export it.
The code for an interactive video quote is not particularly complex.
But what is interesting in the quickQuote project is how we programmatically generate this embed code once a journalist has made a quote selection.
Or checkout the the report I wrote for UCL, which details investigation into the problem domain, similar open source projects, as well as application design and architecture.
The main features in Screenshots
Two way sync between video and corresponding transcription
Search transcription for keywords
Select text grabs in and out point of corresponding video
Edit automatically generated transcription from speech to text API if it’s not 100% accurate
See a preview of the video quote
Export HTML, CSS, JS code to embed in news article.
And here is a preview of the embed code using JS Fiddle
On Social Media
A new tool from The Times of London lets you easily detect and capture quotes from a video http://t.co/r6pGJzKycx— Nieman Lab (@NiemanLab) September 13, 2015