typingpool 0.7.0

data/lib/typingpool/template.rb

@@ -0,0 +1,175 @@
+module Typingpool
+  #Model class that wraps ERB and adds a few Typingpool-specific
+  #capabilities: The ability to look in an array of search paths for a
+  #particular relative path, neccesary to support the Config#template
+  #dir on top of the built-in app template dir. Also makes it easy to
+  #pass in a hash and render the template against that hash, rather
+  #than against all the variables in the current namespace.
+  class Template
+    require 'erb'
+    class << self
+      #Constructor. Takes a relative template path and an optional
+      #config file. Default config is Config.file.
+      def from_config(path, config=Config.file)
+        validate_config(config)
+        new(path, look_in_from_config(config))
+      end
+
+      #private
+
+      def look_in_from_config(config)
+        look_in =  [File.join(Utility.lib_dir, 'templates'), '']
+        look_in.unshift(config.templates) if config.templates
+        look_in
+      end
+
+      def validate_config(config)
+        if config.templates
+          File.exists?(config.templates) or raise Error::File::NotExists, "No such templates dir: #{config.templates}"
+          File.directory?(config.templates) or raise Error::File::NotExists, "Templates dir not a directory: #{config.templates}"
+        end
+      end
+    end #class << self
+
+    #An array of base paths to be searched when we're given a relative
+    #path to the template. Normally this includes the user's
+    #Config#template attribute, if any, followed by the built-in app
+    #template dir.
+    attr_reader :look_in
+
+    #Constructor. Takes a relative path and an array of base paths to
+    #search for relative template paths. See look_in docs. Template
+    #should be an ERB template.
+    def initialize(path, look_in)
+      @path = path
+      @look_in = look_in
+      full_path or raise Error, "Could not find template path '#{path}' in #{look_in.join(',')}"
+    end
+
+    #Takes a hash to pass to an ERB template and returns the text from
+    #rendering the template against that hash (the hash becomes the
+    #top-level namespace of the template, so the keys are accessed
+    #just as you'd normally access a variable in an ERB template).
+    def render(hash)
+      render_with_binding(Env.new(hash, self).get_binding)
+    end
+
+    #Like render, but takes a binding instead of hash
+    def render_with_binding(binding)
+      ERB.new(read, nil, '<>').result(binding)
+    end
+
+    #Returns the raw text of the template, unrendered.
+    def read
+      IO.read(full_path)
+    end
+
+    #Returns the path to the template after searching the various
+    #look_in dirs for the relative path. Returns nil if the template
+    #cannot be located.
+    def full_path
+      look_in.each do |dir|
+        extensions.each do |ext| 
+          path = File.join(dir, [@path, ext].join)
+          if File.exists?(path) && File.file?(path)
+            return path
+          end
+        end
+      end
+      return
+    end
+
+    protected
+
+    def extensions
+      ['.html.erb', '.erb', '']
+    end
+
+
+    #A Template::Assignment works just like a regular template, except
+    #that within each transcript dir (Config#transcript and the
+    #built-in app template dir) we search within a subdir called
+    #'assignment' first, then, after all the 'assignment' subdirs have
+    #been search, we look in the original template dirs.
+    class Assignment < Template
+      def self.look_in_from_config(*args)
+        look_in = super(*args)
+        look_in.unshift(look_in.reject{|dir| dir.empty? }.map{|dir| File.join(dir, 'assignment') })
+        look_in.flatten
+      end
+    end #Assignment
+
+    #This subclass provides two utility methods to all templates:
+    #read, for including the text of another template, and render, for
+    #rendering another template. Read takes a relative path,
+    #documented below. Render is passed the same hash as the parent
+    #template, merged with an optional override hash, as documented
+    #below.
+    #
+    #This subclass also makes it easier to use a hash as the top-level
+    #variable namespace when rendering ERB templates.
+    class Env
+
+      #Construtor. Takes a hash to be passed to the template and a
+      #template (ERB).
+      def initialize(hash, template)
+        @hash = hash
+        @template = template
+      end
+
+      #Method passed into each template. Takes a relative path and
+      #returns the text of the file at that path.
+      #
+      #The relative path is resolved as in look_in above, with the
+      #following difference: the current directory and each parent
+      #directory of the active template is searched first, up to the
+      #root transcript directory (either Config#template, the built-in
+      #app template dir, or any dir that has been manually added to
+      #look_in).
+      def read(path)
+        @template.class.new(path, localized_look_in).read.strip
+      end
+
+      #Method passed into each template. Takes a reltive path and
+      #returns the *rendered* text of the ERB template at that
+      #path. Can also take an optional hash, which will be merged into
+      #the parent template's hash and passed to the included
+      #template. If the optional hash it not passed, the parent
+      #template's hash will be passed to the included template
+      #unmodified.
+      #
+      #The relative path is resolved as described in the docs for
+      #Template::Env#read.
+      def render(path, hash={})
+        @template.class.new(path, localized_look_in).render(@hash.merge(hash)).strip
+      end
+
+      def get_binding
+        binding()
+      end
+
+      protected
+
+      def localized_look_in
+        look_in = []
+        path = @template.full_path
+        until @template.look_in.include? path = File.dirname(path)
+          look_in.push(path)
+        end
+        look_in.push(path, (@template.look_in - [path])).flatten
+      end
+
+      def method_missing(key, value=nil)
+        if value
+          key = key.to_s.sub(/=$/, '')
+          @hash[key.to_sym] = value
+        end
+        if @hash.has_key? key
+          @hash[key]
+        elsif @hash.has_key? key.to_s
+          @hash[key.to_s]
+        end
+      end
+    end #Env
+  end #Template
+end #Typingpool

data/lib/typingpool/templates/assignment/amazon-init.js

@@ -0,0 +1,38 @@
+
+function setAmazonAssignmentId() {
+    var params = window.location.search.substring(1).split('&');
+    var i = 0;
+    for (i = 0; i < params.length; i++) {
+        var param = params[i].split('=');
+        var key = param[0];
+        var value = param[1];
+        if (key === 'assignmentId') {
+            if (value === 'ASSIGNMENT_ID_NOT_AVAILABLE') {
+		var input = document.getElementById('disable_on_preview');
+		if (input) {
+		    input.setAttribute('disabled', 'disabled');
+		    var span = document.createElement('span');
+		    span.setAttribute('class', 'disabled_message');
+		    span.appendChild(document.createTextNode(' Disabled because you are previewing this HIT.')); 
+		    var inputSibling = input.nextSibling;
+		    if (inputSibling) {
+			input.parentNode.insertBefore(span, inputSibling);
+		    }
+		    else {
+			input.parentNode.appendChild(span);
+		    }
+		}
+            }
+            else {
+		document.getElementById('assignmentId').value = value;
+            }
+        }
+        else if (key === 'turkSubmitTo') {
+            var form = document.getElementById('turkForm');
+            if (form) {
+		form.setAttribute('action', decodeURIComponent(value) + '/mturk/externalSubmit');
+            }
+        }
+    }
+}
+

data/lib/typingpool/templates/assignment/interview/nameless.html.erb

@@ -0,0 +1,13 @@
+<% self.title = 'Transcribe MP3 of ' + render('partials/length-description') + ' interview' %>
+<%= render 'partials/header' %>
+<p id="description">I split up an interview into <%= render 'partials/length-description' %> parts, you transcribe the audio for one <%= render 'partials/length-description' %> part.</p>
+
+<h3>Labeling</h3>
+<p>Label each speaker with a gender and, if needed, a number. Use the labels "MALE:", "FEMALE:",  "MALE 2:", "FEMALE 2:", "MALE 3:", "FEMALE 3:", etc., like this:
+
+<% self.voice1 = 'MALE' %><% self.voice2 = 'MALE 2' %> 
+<%= render 'partials/labeling-example' %>
+
+<%= render 'partials/entry' %>
+
+<%= render 'partials/footer' %>

data/lib/typingpool/templates/assignment/interview/noisy.html.erb

@@ -0,0 +1,12 @@
+<% self.title = 'Transcribe MP3 of ' + render('partials/length-description') + ' interview (background noise)' %>
+<%= render 'partials/header' %>
+<p id="description">I split up an interview into <%= render 'partials/length-description' %> parts, you transcribe the audio for one <%= render 'partials/length-description' %> part. There is background noise.</p>
+
+<%= render 'partials/voices' %>
+
+<%= render 'partials/labeling' %>
+
+<% self.important = ['The interview takes place in a noisy environment with audible chatter. You should transcribe <strong>only</strong> the comments from the people involved in the interview.'] %>
+<%= render 'partials/entry' %>
+
+<%= render 'partials/footer' %>

data/lib/typingpool/templates/assignment/interview/partials/voices.html.erb

@@ -0,0 +1,10 @@
+<% if voices_count > 0 %>
+<h3>Names</h3>
+<p>There are <%= voices_count %> speakers:
+<ul>
+  <% 1.upto(voices_count) do |i| %>
+    <li><strong><%= send("voice#{i}") %></strong><% if send("voice#{i}title").to_s.empty? %><% if i == 1 %>, the person asking the questions<% end %><% else %>, <%= send("voice#{i}title") %><% end %>.
+  <% end %>
+</ul>
+<% end %>
+

data/lib/typingpool/templates/assignment/interview/phone.html.erb

@@ -0,0 +1,12 @@
+<% self.title = 'Transcribe MP3 of ' + render('partials/length-description') + ' phone call' %>
+<%= render 'partials/header' %>
+
+<p id="description">I split up a telephone conversation into <%= render 'partials/length-description' %> parts, you transcribe the audio for one <%= render 'partials/length-description' %> part.</p>
+
+<h3>Labeling</h3>
+<p>There are two speakers. The person asking the questions is <strong><%= voice1 %></strong>. The person answering the questions, on the distant end of the telephone line, is <strong><%= voice2 %></strong><% unless voice2title.to_s.empty? %>, <%= voice2title %><% end %>. Label each speaker with a colon, like this:</p>
+<%= render 'partials/labeling-example' %>
+
+<%= render 'partials/entry' %>
+
+<%= render 'partials/footer' %>

data/lib/typingpool/templates/assignment/interview.html.erb

@@ -0,0 +1,11 @@
+<% self.title = 'Transcribe MP3 of ' + render('partials/length-description') + ' interview' %>
+<%= render 'partials/header' %>
+<p id="description">I split up an interview into <%= render 'partials/length-description' %> parts, you transcribe the audio for one <%= render 'partials/length-description' %> part.</p>
+
+<%= render 'interview/partials/voices' %>
+
+<%= render 'partials/labeling' %>
+
+<%= render 'partials/entry' %>
+
+<%= render 'partials/footer' %>

data/lib/typingpool/templates/assignment/main.css

@@ -0,0 +1,20 @@
+
+body {
+  color: black;
+  background: white;    
+  font-family: Georgia, Times, "Times New Roman", serif;
+}
+
+h1, h2, h3, h4, h5, .disabled_message {
+  font-family: Helvetica, Arial, sans-serif;
+}
+
+p {
+  line-height: 140%;
+}
+
+.disabled_message {
+  color: gray;
+  font-size: small;
+}
+

data/lib/typingpool/templates/assignment/partials/entry.html.erb

@@ -0,0 +1,19 @@
+<h3>Important</h3>
+<ul>
+  <li><strong>Unusual words</strong> you might hear: <strong><%= unusual %></strong></li>
+  <li><strong>Don't</strong> type short or filler responses like <strong>uh</strong>, <strong>you know</strong>, <strong>I mean</strong>, <strong>ya</strong>, <strong>OK</strong>, <strong>Right</strong>, <strong>I see</strong>, <strong>Oh</strong>, and <strong>Ah</strong>.</li>
+  <li>For <strong>inaudible</strong> words, type <strong>??</strong></li>
+  <% if important %>
+    <% important.each do |note| %>
+      <li><%= note %></li>
+    <% end %>
+  <% end %>
+</ul>
+
+<h3>Instructions</h3>
+<p>Please <strong>transcribe</strong> this <%= render 'length-description' %> MP3: <a target="_blank" href="<%= audio_url %>"><%= audio_url %></a></p>
+<form action="https://www.mturk.com/mturk/externalSubmit" method="POST" id="turkForm">
+  <p><input name="assignmentId" type="hidden" id="assignmentId"><input name="typingpool_url" type="hidden" value="<%= audio_url %>" /><input name="typingpool_project_id" type="hidden" value="<%= project_id %>" />Enter your transcription below:</p>
+  <p><textarea name="transcription" cols="80" rows="15"></textarea></p>
+  <p><input type="submit" value="Submit" id="disable_on_preview"></p>
+</form>

data/lib/typingpool/templates/assignment/partials/footer.html.erb

@@ -0,0 +1,3 @@
+
+</body>
+</html>

data/lib/typingpool/templates/assignment/partials/header.html.erb

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <script><%= read 'amazon-init.js' %></script>
+  <style><%= read 'main.css' %></style>
+  <title><%= title %></title>
+</head>
+
+<body onload="setAmazonAssignmentId()">
+<h2><%= title %></h2>

data/lib/typingpool/templates/assignment/partials/labeling-example.html.erb

@@ -0,0 +1,4 @@
+<blockquote>
+  <p><%= voice1 %>:&nbsp;Do you think it was a mistake to set up Saturn as its own Corporation?</p>
+  <p><%= voice2 %>:&nbsp;In hindsight, you can look at it that way, and I think a lot of people do, quite honestly. They don't think GM needed another brand. But at the time this was all developed. It sure seemed like a good idea.</p>
+</blockquote>

data/lib/typingpool/templates/assignment/partials/labeling.html.erb

@@ -0,0 +1,5 @@
+
+<h3>Labeling</h3>
+<p>Label each speaker with a colon, like this:</p>
+<% voice1 ||= 'Male 1' %><% voice2 ||= 'Male 2' %>
+<%= render 'labeling-example' %>

data/lib/typingpool/templates/assignment/partials/length-description.html.erb

@@ -0,0 +1,6 @@
+<% length_description = [] %>
+<% length_description.push("#{chunk_hours} hour") if chunk_hours %>
+<% length_description.push("#{chunk_minutes} minute") if chunk_minutes %>
+<% length_description.push("#{chunk_seconds} second") if chunk_seconds %>
+<% length_description = length_description.join(' ') %>
+<%= length_description %>

data/lib/typingpool/templates/assignment/partials/voices.html.erb

@@ -0,0 +1,10 @@
+<% if voices_count > 0 %>
+<h3>Names</h3>
+<p>There are <%= voices_count %> speakers:
+<ul>
+  <% 1.upto(voices_count) do |i| %>
+    <li><strong><%= send("voice#{i}") %></strong><% unless send("voice#{i}title").to_s.empty? %>, <%= send("voice#{i}title") %><% end %>.
+  <% end %>
+</ul>
+<% end %>
+

data/lib/typingpool/templates/assignment/speech.html.erb

@@ -0,0 +1,11 @@
+<% self.title = 'Transcribe MP3 of ' + render('partials/length-description') + ' speech' %>
+
+<%= render 'partials/header' %>
+<p id="description">I split up a speech into <%= render 'partials/length-description' %> parts, you transcribe the audio for one <%= render 'partials/length-description' %> part.</p>
+
+<h3>Formatting</h3>
+<p>There should only be one speaker. Simply type what the person says. No need to label. If the speaker changes, type [SPEAKER CHANGES].</p>
+
+<%= render 'partials/entry' %>
+
+<%= render 'partials/footer' %>

data/lib/typingpool/templates/config.yml

@@ -0,0 +1,21 @@
+amazon:
+  key:
+  secret:
+  bucket:
+transcripts:
+templates:
+cache: ~/.typingpool.cache
+assign:
+  confirm: yes
+  reward: 0.75
+  deadline: 3h
+  approval: 1d
+  lifetime: 2d
+  qualify:
+    - approval_rate >= 95
+    - hits_approved >= 100
+  keywords:
+    - transcription
+    - audio
+    - mp3
+

data/lib/typingpool/templates/project/etc/ About these files - read me.txt

@@ -0,0 +1,8 @@
+Deleting any files in this folder, in the data folder, or in the
+audio/chunks folder will make it impossible for typingpool to function
+properly.
+
+You may safely delete files in the audio/originals folder.
+
+You may safely edit transcript.html, etc/transcript.css, and
+data/subtitle.txt.

data/lib/typingpool/templates/project/etc/audio-compat.js

@@ -0,0 +1,25 @@
+function audioCompat() {
+    var audioTag = window.document.createElement('audio');
+    //Check for HTML5 audio tag compatibility
+    if (!(audioTag.canPlayType && audioTag.canPlayType('audio/mpeg') && (audioTag.canPlayType('audio/mpeg') != 'no'))){
+	//not compatible - fallback to Flash
+	AudioPlayer.setup("etc/player/player.swf", { width: 290 });  
+	var audioTags = window.document.getElementsByTagName('audio');
+	var audioTagMeta = [];
+	for (var i = 0; i < audioTags.length; i++) {
+	    var tag = audioTags[i];
+	    if (! tag.id){
+		tag.id = '_typingpool_audio_' + i;
+	    }
+	    audioTagMeta.push({'id':tag.id, 'src':tag.src});
+	}
+	for (var i = 0; i < audioTagMeta.length; i++) {
+	    var tagMeta = audioTagMeta[i];
+	    AudioPlayer.embed(tagMeta.id, {'soundFile': tagMeta.src, 'noinfo': 'yes'});
+	}
+    }
+}
+
+if (window.addEventListener){ window.addEventListener('load', audioCompat, false) }
+else if (document.addEventListener){ document.addEventListener('load', audioCompat, false) }
+else if (window.attachEvent){ window.attachEvent('onload', audioCompat) }

data/lib/typingpool/templates/project/etc/player/audio-player.js

@@ -0,0 +1,4 @@
+/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
+	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+var audioplayer_swfobject=function(){var d="undefined",R="object",s="Shockwave Flash",w="ShockwaveFlash.ShockwaveFlash",Q="application/x-shockwave-flash",r="SWFObjectExprInst",X="onreadystatechange",o=window,J=document,T=navigator,t=false,u=[H],O=[],n=[],i=[],L,q,e,b,j=false,A=false,N,g,M=true,m=function(){var AA=typeof J.getElementById!=d&&typeof J.getElementsByTagName!=d&&typeof J.createElement!=d,AH=T.userAgent.toLowerCase(),y=T.platform.toLowerCase(),AE=y?/win/.test(y):/win/.test(AH),AC=y?/mac/.test(y):/mac/.test(AH),AF=/webkit/.test(AH)?parseFloat(AH.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,x=!+"\v1",AG=[0,0,0],AB=null;if(typeof T.plugins!=d&&typeof T.plugins[s]==R){AB=T.plugins[s].description;if(AB&&!(typeof T.mimeTypes!=d&&T.mimeTypes[Q]&&!T.mimeTypes[Q].enabledPlugin)){t=true;x=false;AB=AB.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AG[0]=parseInt(AB.replace(/^(.*)\..*$/,"$1"),10);AG[1]=parseInt(AB.replace(/^.*\.(.*)\s.*$/,"$1"),10);AG[2]=/[a-zA-Z]/.test(AB)?parseInt(AB.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof o.ActiveXObject!=d){try{var AD=new ActiveXObject(w);if(AD){AB=AD.GetVariable("$version");if(AB){x=true;AB=AB.split(" ")[1].split(",");AG=[parseInt(AB[0],10),parseInt(AB[1],10),parseInt(AB[2],10)]}}}catch(z){}}}return{w3:AA,pv:AG,wk:AF,ie:x,win:AE,mac:AC}}(),K=function(){if(!m.w3){return }if((typeof J.readyState!=d&&J.readyState=="complete")||(typeof J.readyState==d&&(J.getElementsByTagName("body")[0]||J.body))){F()}if(!j){if(typeof J.addEventListener!=d){J.addEventListener("DOMContentLoaded",F,false)}if(m.ie&&m.win){J.attachEvent(X,function(){if(J.readyState=="complete"){J.detachEvent(X,arguments.callee);F()}});if(o==top){(function(){if(j){return }try{J.documentElement.doScroll("left")}catch(x){setTimeout(arguments.callee,0);return }F()})()}}if(m.wk){(function(){if(j){return }if(!/loaded|complete/.test(J.readyState)){setTimeout(arguments.callee,0);return }F()})()}S(F)}}();function F(){if(j){return }try{var z=J.getElementsByTagName("body")[0].appendChild(c("span"));z.parentNode.removeChild(z)}catch(AA){return }j=true;var x=u.length;for(var y=0;y<x;y++){u[y]()}}function k(x){if(j){x()}else{u[u.length]=x}}function S(y){if(typeof o.addEventListener!=d){o.addEventListener("load",y,false)}else{if(typeof J.addEventListener!=d){J.addEventListener("load",y,false)}else{if(typeof o.attachEvent!=d){I(o,"onload",y)}else{if(typeof o.onload=="function"){var x=o.onload;o.onload=function(){x();y()}}else{o.onload=y}}}}}function H(){if(t){v()}else{h()}}function v(){var x=J.getElementsByTagName("body")[0];var AA=c(R);AA.setAttribute("type",Q);var z=x.appendChild(AA);if(z){var y=0;(function(){if(typeof z.GetVariable!=d){var AB=z.GetVariable("$version");if(AB){AB=AB.split(" ")[1].split(",");m.pv=[parseInt(AB[0],10),parseInt(AB[1],10),parseInt(AB[2],10)]}}else{if(y<10){y++;setTimeout(arguments.callee,10);return }}x.removeChild(AA);z=null;h()})()}else{h()}}function h(){var AG=O.length;if(AG>0){for(var AF=0;AF<AG;AF++){var y=O[AF].id;var AB=O[AF].callbackFn;var AA={success:false,id:y};if(m.pv[0]>0){var AE=C(y);if(AE){if(f(O[AF].swfVersion)&&!(m.wk&&m.wk<312)){W(y,true);if(AB){AA.success=true;AA.ref=Z(y);AB(AA)}}else{if(O[AF].expressInstall&&a()){var AI={};AI.data=O[AF].expressInstall;AI.width=AE.getAttribute("width")||"0";AI.height=AE.getAttribute("height")||"0";if(AE.getAttribute("class")){AI.styleclass=AE.getAttribute("class")}if(AE.getAttribute("align")){AI.align=AE.getAttribute("align")}var AH={};var x=AE.getElementsByTagName("param");var AC=x.length;for(var AD=0;AD<AC;AD++){if(x[AD].getAttribute("name").toLowerCase()!="movie"){AH[x[AD].getAttribute("name")]=x[AD].getAttribute("value")}}p(AI,AH,y,AB)}else{P(AE);if(AB){AB(AA)}}}}}else{W(y,true);if(AB){var z=Z(y);if(z&&typeof z.SetVariable!=d){AA.success=true;AA.ref=z}AB(AA)}}}}}function Z(AA){var x=null;var y=C(AA);if(y&&y.nodeName=="OBJECT"){if(typeof y.SetVariable!=d){x=y}else{var z=y.getElementsByTagName(R)[0];if(z){x=z}}}return x}function a(){return !A&&f("6.0.65")&&(m.win||m.mac)&&!(m.wk&&m.wk<312)}function p(AA,AB,x,z){A=true;e=z||null;b={success:false,id:x};var AE=C(x);if(AE){if(AE.nodeName=="OBJECT"){L=G(AE);q=null}else{L=AE;q=x}AA.id=r;if(typeof AA.width==d||(!/%$/.test(AA.width)&&parseInt(AA.width,10)<310)){AA.width="310"}if(typeof AA.height==d||(!/%$/.test(AA.height)&&parseInt(AA.height,10)<137)){AA.height="137"}J.title=J.title.slice(0,47)+" - Flash Player Installation";var AD=m.ie&&m.win?"ActiveX":"PlugIn",AC="MMredirectURL="+o.location.toString().replace(/&/g,"%26")+"&MMplayerType="+AD+"&MMdoctitle="+J.title;if(typeof AB.flashvars!=d){AB.flashvars+="&"+AC}else{AB.flashvars=AC}if(m.ie&&m.win&&AE.readyState!=4){var y=c("div");x+="SWFObjectNew";y.setAttribute("id",x);AE.parentNode.insertBefore(y,AE);AE.style.display="none";(function(){if(AE.readyState==4){AE.parentNode.removeChild(AE)}else{setTimeout(arguments.callee,10)}})()}U(AA,AB,x)}}function P(y){if(m.ie&&m.win&&y.readyState!=4){var x=c("div");y.parentNode.insertBefore(x,y);x.parentNode.replaceChild(G(y),x);y.style.display="none";(function(){if(y.readyState==4){y.parentNode.removeChild(y)}else{setTimeout(arguments.callee,10)}})()}else{y.parentNode.replaceChild(G(y),y)}}function G(AB){var AA=c("div");if(m.win&&m.ie){AA.innerHTML=AB.innerHTML}else{var y=AB.getElementsByTagName(R)[0];if(y){var AC=y.childNodes;if(AC){var x=AC.length;for(var z=0;z<x;z++){if(!(AC[z].nodeType==1&&AC[z].nodeName=="PARAM")&&!(AC[z].nodeType==8)){AA.appendChild(AC[z].cloneNode(true))}}}}}return AA}function U(AI,AG,y){var x,AA=C(y);if(m.wk&&m.wk<312){return x}if(AA){if(typeof AI.id==d){AI.id=y}if(m.ie&&m.win){var AH="";for(var AE in AI){if(AI[AE]!=Object.prototype[AE]){if(AE.toLowerCase()=="data"){AG.movie=AI[AE]}else{if(AE.toLowerCase()=="styleclass"){AH+=' class="'+AI[AE]+'"'}else{if(AE.toLowerCase()!="classid"){AH+=" "+AE+'="'+AI[AE]+'"'}}}}}var AF="";for(var AD in AG){if(AG[AD]!=Object.prototype[AD]){AF+='<param name="'+AD+'" value="'+AG[AD]+'" />'}}AA.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+AH+">"+AF+"</object>";n[n.length]=AI.id;x=C(AI.id)}else{var z=c(R);z.setAttribute("type",Q);for(var AC in AI){if(AI[AC]!=Object.prototype[AC]){if(AC.toLowerCase()=="styleclass"){z.setAttribute("class",AI[AC])}else{if(AC.toLowerCase()!="classid"){z.setAttribute(AC,AI[AC])}}}}for(var AB in AG){if(AG[AB]!=Object.prototype[AB]&&AB.toLowerCase()!="movie"){E(z,AB,AG[AB])}}AA.parentNode.replaceChild(z,AA);x=z}}return x}function E(z,x,y){var AA=c("param");AA.setAttribute("name",x);AA.setAttribute("value",y);z.appendChild(AA)}function Y(y){var x=C(y);if(x&&x.nodeName=="OBJECT"){if(m.ie&&m.win){x.style.display="none";(function(){if(x.readyState==4){B(y)}else{setTimeout(arguments.callee,10)}})()}else{x.parentNode.removeChild(x)}}}function B(z){var y=C(z);if(y){for(var x in y){if(typeof y[x]=="function"){y[x]=null}}y.parentNode.removeChild(y)}}function C(z){var x=null;try{x=J.getElementById(z)}catch(y){}return x}function c(x){return J.createElement(x)}function I(z,x,y){z.attachEvent(x,y);i[i.length]=[z,x,y]}function f(z){var y=m.pv,x=z.split(".");x[0]=parseInt(x[0],10);x[1]=parseInt(x[1],10)||0;x[2]=parseInt(x[2],10)||0;return(y[0]>x[0]||(y[0]==x[0]&&y[1]>x[1])||(y[0]==x[0]&&y[1]==x[1]&&y[2]>=x[2]))?true:false}function V(AC,y,AD,AB){if(m.ie&&m.mac){return }var AA=J.getElementsByTagName("head")[0];if(!AA){return }var x=(AD&&typeof AD=="string")?AD:"screen";if(AB){N=null;g=null}if(!N||g!=x){var z=c("style");z.setAttribute("type","text/css");z.setAttribute("media",x);N=AA.appendChild(z);if(m.ie&&m.win&&typeof J.styleSheets!=d&&J.styleSheets.length>0){N=J.styleSheets[J.styleSheets.length-1]}g=x}if(m.ie&&m.win){if(N&&typeof N.addRule==R){N.addRule(AC,y)}}else{if(N&&typeof J.createTextNode!=d){N.appendChild(J.createTextNode(AC+" {"+y+"}"))}}}function W(z,x){if(!M){return }var y=x?"visible":"hidden";if(j&&C(z)){C(z).style.visibility=y}else{V("#"+z,"visibility:"+y)}}function l(y){var z=/[\\\"<>\.;]/;var x=z.exec(y)!=null;return x&&typeof encodeURIComponent!=d?encodeURIComponent(y):y}var D=function(){if(m.ie&&m.win){window.attachEvent("onunload",function(){var AC=i.length;for(var AB=0;AB<AC;AB++){i[AB][0].detachEvent(i[AB][1],i[AB][2])}var z=n.length;for(var AA=0;AA<z;AA++){Y(n[AA])}for(var y in m){m[y]=null}m=null;for(var x in audioplayer_swfobject){audioplayer_swfobject[x]=null}audioplayer_swfobject=null})}}();return{registerObject:function(AB,x,AA,z){if(m.w3&&AB&&x){var y={};y.id=AB;y.swfVersion=x;y.expressInstall=AA;y.callbackFn=z;O[O.length]=y;W(AB,false)}else{if(z){z({success:false,id:AB})}}},getObjectById:function(x){if(m.w3){return Z(x)}},embedSWF:function(AB,AH,AE,AG,y,AA,z,AD,AF,AC){var x={success:false,id:AH};if(m.w3&&!(m.wk&&m.wk<312)&&AB&&AH&&AE&&AG&&y){W(AH,false);k(function(){AE+="";AG+="";var AJ={};if(AF&&typeof AF===R){for(var AL in AF){AJ[AL]=AF[AL]}}AJ.data=AB;AJ.width=AE;AJ.height=AG;var AM={};if(AD&&typeof AD===R){for(var AK in AD){AM[AK]=AD[AK]}}if(z&&typeof z===R){for(var AI in z){if(typeof AM.flashvars!=d){AM.flashvars+="&"+AI+"="+z[AI]}else{AM.flashvars=AI+"="+z[AI]}}}if(f(y)){var AN=U(AJ,AM,AH);if(AJ.id==AH){W(AH,true)}x.success=true;x.ref=AN}else{if(AA&&a()){AJ.data=AA;p(AJ,AM,AH,AC);return }else{W(AH,true)}}if(AC){AC(x)}})}else{if(AC){AC(x)}}},switchOffAutoHideShow:function(){M=false},ua:m,getFlashPlayerVersion:function(){return{major:m.pv[0],minor:m.pv[1],release:m.pv[2]}},hasFlashPlayerVersion:f,createSWF:function(z,y,x){if(m.w3){return U(z,y,x)}else{return undefined}},showExpressInstall:function(z,AA,x,y){if(m.w3&&a()){p(z,AA,x,y)}},removeSWF:function(x){if(m.w3){Y(x)}},createCSS:function(AA,z,y,x){if(m.w3){V(AA,z,y,x)}},addDomLoadEvent:k,addLoadEvent:S,getQueryParamValue:function(AA){var z=J.location.search||J.location.hash;if(z){if(/\?/.test(z)){z=z.split("?")[1]}if(AA==null){return l(z)}var y=z.split("&");for(var x=0;x<y.length;x++){if(y[x].substring(0,y[x].indexOf("="))==AA){return l(y[x].substring((y[x].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(A){var x=C(r);if(x&&L){x.parentNode.replaceChild(L,x);if(q){W(q,true);if(m.ie&&m.win){L.style.display="block"}}if(e){e(b)}}A=false}}}}();var AudioPlayer=function(){var H=[];var D;var F="";var A={};var E=-1;var G="9";function B(I){if(document.all&&!window[I]){for(var J=0;J<document.forms.length;J++){if(document.forms[J][I]){return document.forms[J][I];break}}}return document.all?window[I]:document[I]}function C(I,J,K){B(I).addListener(J,K)}return{setup:function(J,I){F=J;A=I;if(audioplayer_swfobject.hasFlashPlayerVersion(G)){audioplayer_swfobject.switchOffAutoHideShow();audioplayer_swfobject.createCSS("p.audioplayer_container span","visibility:hidden;height:24px;overflow:hidden;padding:0;border:none;")}},getPlayer:function(I){return B(I)},addListener:function(I,J,K){C(I,J,K)},embed:function(I,K){var N={};var L;var J={};var O={};var M={};for(L in A){N[L]=A[L]}for(L in K){N[L]=K[L]}if(N.transparentpagebg=="yes"){J.bgcolor="#FFFFFF";J.wmode="transparent"}else{if(N.pagebg){J.bgcolor="#"+N.pagebg}J.wmode="opaque"}J.menu="false";for(L in N){if(L=="pagebg"||L=="width"||L=="transparentpagebg"){continue}O[L]=N[L]}M.name=I;M.style="outline: none";O.playerID=I;audioplayer_swfobject.embedSWF(F,I,N.width.toString(),"24",G,false,O,J,M);H.push(I)},syncVolumes:function(I,K){E=K;for(var J=0;J<H.length;J++){if(H[J]!=I){B(H[J]).setVolume(E)}}},activate:function(I,J){if(D&&D!=I){B(D).close()}D=I},load:function(K,I,L,J){B(K).load(I,L,J)},close:function(I){B(I).close();if(I==D){D=null}},open:function(I,J){if(J==undefined){J=1}B(I).open(J==undefined?0:J-1)},getVolume:function(I){return E}}}();

data/lib/typingpool/templates/project/etc/player/license.txt

@@ -0,0 +1,19 @@
+Copyright (c) 2010 Martin Laine
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/lib/typingpool/templates/project/etc/transcript.css

@@ -0,0 +1,49 @@
+body {
+    color: black;
+    background: white;    
+    font-family: Georgia, Times, "Times New Roman", serif;
+}
+
+h1, h2, h3, h4, h5 {
+    font-family: Helvetica, Arial, sans-serif;
+    font-weight: normal;
+}
+
+h1{
+    margin-bottom: 0.33em
+}
+
+h2{
+    font-size: 1.125em;
+    margin-top: 0.125em;
+}
+
+h3, h4 {
+    color:gray;
+    font-size: 0.875em;
+}
+
+h3{
+    margin-top: 0.5em;
+    margin-bottom: 0.125em;
+    line-height: auto;
+}
+
+h4{
+    margin-top: 0.125em;
+    margin-bottom: 0.125em;
+}
+
+p{
+    margin-top: 0.125em;
+    margin-bottom: 2em;
+    line-height: 140%;
+}
+
+a[href], a[href]:link { 
+    color: gray;
+}
+
+a[href]:visited {
+    color: silver;
+}

data/lib/typingpool/templates/transcript.html.erb

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title><%= transcript.title %> transcript</title>
+  <link rel="stylesheet" href="etc/transcript.css">
+  <script src="etc/player/audio-player.js" type="text/javascript"></script>
+  <script src="etc/audio-compat.js" type="text/javascript"></script>
+</head>
+<body>
+  <h1><%= transcript.title %> transcript</h1>
+  <h2><% if transcript.subtitle %><%= transcript.subtitle %><% end %></h2>
+  
+  <% transcript.sort.each do |chunk| %>
+  
+  <h3><%= chunk.offset %></h3>
+  <h3><audio src="audio/chunks/<%= chunk.filename_local %>" preload="none" controls></audio></h3>
+  <h4><a href="https://requester.mturk.com/bulk/workers/<%= chunk.worker %>">Worker</a> | <a href="https://requester.mturk.com/mturk/manageHIT?HITId=<%= chunk.hit %>&amp;viewableEditPane=manageHIT_downloadResults">HIT</a></h4>
+  
+  <p><%= chunk.body_as_html %>
+  <% end %>
+</body>
+</html>