https://github.com/mieky/litti

Audio transcription in the browser
https://github.com/mieky/litti

Last synced: about 1 month ago
JSON representation

Audio transcription in the browser

• Host: GitHub
• URL: https://github.com/mieky/litti
• Owner: mieky
• Created: 2014-03-01T15:11:46.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-03-16T20:01:01.000Z (over 10 years ago)
• Last Synced: 2023-03-11T15:24:59.103Z (over 1 year ago)
• Language: JavaScript
• Size: 3.58 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
litti

=====

Transcript an audio file in the comfort of your browser.

![](https://raw.github.com/mieky/litti/master/litti.png)

### Features

- upload custom audio file by drag & drop

- play audio & write stuff

- comfortable hotkeys for play & pause, rewind & fast forward, set speed

- automatically store playhead position & transcript progress in localStorage

- count words

- download transcript as UTF-8 plaintext (*Google Chrome only*)

- smart progress bar with seeking

### Demo

There's an instance running at http://mike.fi/litti/. Everything happens inside the browser, so if you find it useful, nothing prevents you from doing actual work with it. Have fun!

### Running

Tested and should work with an up-to-date Google Chrome or Mozilla Firefox, both on OS X and Windows.

More specifically, litti uses the following HTML5 features:

- [<audio> element](http://caniuse.com/audio)

- [FileReader API](http://caniuse.com/filereader)

- [classList API](http://caniuse.com/classlist)

- [requestAnimationFrame](http://caniuse.com/requestanimationframe)

(If you were to serve the audio from the server in the src tag instead of letting the user upload it, you would need a HTTP server which supports HTTP 1.1 byte ranges to enable audio seeking

— for lightweight development purposes, [https://github.com/smgoller/rangehttpserver](rangehttpserver) does it right!)

### Todo:

- browser support detection

- support for video transcripts?

- focus mode

### FAQ

Q. **What's with the name and the logo?**

A. [Jari 'Litti' Litmanen](https://en.wikipedia.org/wiki/Jari_Litmanen) has his own special way of doing a 'thumbs up'. Also, transscription is called *litterointi* in Finnish.

### License

MIT.