1 of 13

Studs Terkel Radio Archive

Integrating Hypertranscripts

2 of 13

Motivation?

Great content!

3 of 13

4 of 13

Interactive Transcripts

Transcripts with:�

  • Word Level Timings�
  • Clickable Words�
  • Selecting and Sharing

​

5 of 13

How do we make word-level-timed transcripts?

​

  • Transcribe (Trint)�
  • Correct (Trint)�
  • Optionally Realign (Gentle)

6 of 13

How and where do we store things?

​

  1. Hyperaudio (studsterkel.hyperaud.io)
  2. Starchive (digitalrelab.com)
  3. Drupal (studsterkel.wfmt.com)� All in JSON

7 of 13

Sharing

​

  • Snippets and Remixes
  • Now: Medium-like sharing (share a link)
  • Next: Embedded Media Share (share media)

​

8 of 13

9 of 13

Anchoring

​

10 of 13

Tracking

​

  • Bit.ly (for now)
  • Future plans for custom URL shortener

11 of 13

Tech

​

  • Drupal (PHP)
  • JavaScript
  • HTML
  • CSS� Moving to React, Styled Components, Node.js

(Free and Open Source Software - MIT)

12 of 13

Examples to try

Remixer :

studsterkel.wfmt.com/remixer/

�Player : �studsterkel.wfmt.com/programs/eartha-kitt-discusses-her-music-career-part-2

13 of 13

Thanks!

��Mark Boas - mark@hyperaud.io

Laurian Gridinoc - laurian@hyperaud.io

​