PyBossa demo application Video Transcribe

Video Transcribe is a demo application for PyBossa that shows how you can crowdsourcing a Video transcription problem.

This application uses the Youtube IFrame API library to load an external Video file and render it directly in the web browser without using any third party plugin.

By using YouTube IFrame API, we have the possibility of rendering almost any Video that is hosted under the Youtube server and then use a customized form to get the data that we want to extract from it .

In this simple demo application, we load a Video clip file in one side of the page, and in the other one a form where the volunteer will be able to transcribe the Video by typing the text in the input form. While this example is really simple, adapting the template to add the Amara widgetizer script will allow transcribing, syncing and getting user list for easy email of video clips.

The provided script for creating the tasks is very simple: you only need to tell the script where is the Video file hosted, the URL, and start and end times you want to convert as tasks. By default, this demo explores the 15 10 second clips of the example Video file.

Re-using the application for your project

You need to install the pybossa-client first (use a virtualenv):

    $ pip install -r requirements.txt

Then, you can follow the next steps:

Create an account in crowdcrafting.org
Copy under your account profile your API-KEY
Run python createTasks.py -u http://crowdcrafting.org -k API-KEY -f http://domain/yourpdf -p numPages
Open with your browser the Applications section and choose the PDF Transcribe app. This will open the presenter for this demo application.

Please, check the full documentation here about how to create an app:

http://docs.pybossa.com/en/latest/user/create-application-tutorial.html

Setting up your Apache web server for hosting the PDF files

Usually you will have a set of PDF files that you are currently serving via a web server.

If you use the application as it is, you will see that it does not work loading the PDFs, even though the URL links are fine and the PDF pages are correct in the Google Spreadsheet that you have created. The problem, is that you need to enable CORS in order to get access to your PDF files.

In Enable Cors webpage you can check how you can configure most of the web servers properly, so this application can load the PDF files from other domains without problems. For example, for an Apache web server all you have to do is to enable the module mod_headers:

 $ sudo a2enmod headers

Then, open the site config file, i.e. /etc/apache2/sites-enabled/000-default and add the following to the **VirtualHost section:

Header set Access-Control-Allow-Origin "*"

Finally restart the web server and you will be done! The PDFs now should be loaded without problems. Note: you can use .htaccess files too in order to not enable CORS to all your site, or if you prefer place the previous sentence in a Directory or Location, instead of at the level of the VirtualHost section.

Documentation

We recommend that you read the section: Build with PyBossa and follow the step by step tutorial.

NOTE: This application uses the pybossa-client in order to simplify the development of the application and its usage. Check the documentation.

LICENSE

Please, see the COPYING file.

Acknowledgments

The thumbnail has been created using a photo from TempusVolat (license CC BY-NC-SA 2.0).

Special thanks to Miquel Herrera for his JS libraries for the canvas scrolling, and Mozilla Foundation for their PDF.JS library.