Skip to content
This repository has been archived by the owner on Oct 31, 2024. It is now read-only.

jsphweid/browserTranscribe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

browserTranscribe

Web App that allows you to load an audio file in your browser and hop all around the file easily, repeat a section indefinitely, and slow down the tempo without changing pitch.

Dev Environment

git clone https://github.com/jsphweid/browserTranscribe.git to clone to directory

npm install to download dependencies

npm start to serve up the app

npm run build to make production build to '/build' folder

TODO

Easy

  • better color scheme (make it less bootstrapy)
  • Refactor code in main.js ....

Harder

  • Find a better way to integrate the time stretch / preserve with WaveSurfer. In the current version, I achieved this by making a mess in his library file, which I would like to abstract in the near future.
  • There are still some clicks with starting and stopping. I want to find a better way to fade in / out so that the clicks will disappear. And I want to do this by, again, not messing up WaveSurfer's library file.

Hardest

  • Find any way to optimize the quality when the sound is stretched. I've tried tweaking some settings in the SoundTouch library, but they make hardly any difference and pushing them to an extreme crashes the browser. Particularly the speeds: 25, 35, and 50.

Completed

  • Add import audio file, browse, drop. More advanced: get mp3 from youtube (legal?)
  • Add hotkeys to common functions (advanced restart bar, change speed, scroll left/right, etc.)
  • Add hotkey map
  • fix bug where restart bar loses the place when zoomed in / out
  • add glyphicons to make it look better
  • padding on the bottom
  • multicanvas support will fix longer files?

Future Direction

Drum Transcribing

This project will be complete for me when there is a second canvas in the bottom half of the screen that corresponds to the wave vertically. You can click and create a

PROBLEMS?

OSX - Right/Left Scrolling keeps changes webpages

You might be able to change the settings here: System Preferences > Trackpad > More Gestures > Swipe between pages --> Swipe with three fingersit Or just write this to the terminal: defaults write com.google.Chrome AppleEnableSwipeNavigateWithScrolls -bool FALSE