3 ms·

Looks really nice! A few years ago I started working on a vaguely similar tool because I was playing in a band and we needed a better way to collaborate on chor

by mbrock 8y ago

Looks really nice! A few years ago I started working on a vaguely similar tool because I was playing in a band and we needed a better way to collaborate on chord sheets. I used CouchDB (and PouchDB) to get a nice real-time sync for editing the documents, and together with a good service worker setup it made the whole app work great offline, which was very useful in our rehearsing room's basement (it was actually inside of a nuclear shelter within a Stockholm subway station). The other fun feature I made was a Web Audio synthesizer that would play the chords for very quickly checking the harmony. You can see a demo in this short video, unfortunately the app is not online anymore. https://www.instagram.com/p/8oGx7HKukq/ https://www.instagram.com/p/8oGx7HKukq/ I also had a feature where you could upload an MP3 for a song and then put in sync points with the chord sheet so you could hear the song while also seeing exactly which chord it's currently on...

gabergg 8y ago
The MP3 syncing is a super cool idea - did you analyze the MP3 at all to smooth syncing between sync points? Also love the little video, thanks for sharing! I think collaboration has huge value for any tool like this - it'll be one of my earlier priorities for Songcraft.
- mbrock 8y ago
  I was only doing linear interpolation between the manually set sync points. In my tests I would usually need to put a sync point per verse, or so. The karaoke ball you see in the video was fun to make although I never got it quite perfect. The chord sheet is just a flexbox with wrapping and the ball is a CSS animation; the JavaScript only moves it from div to div once per measure.
vonseel 8y ago
"(it was actually inside of a nuclear shelter within a Stockholm subway station)" This sounds pretty amazing!!
- mbrock 8y ago
  It was okay but basically you just enter the subway station and go through a locked heavy door to a slightly creepy corridor with a dozen small rooms serving as rehearsal spaces. The owner had barred the toilet door so on entering you would often see some metal drummer peeing in the metal sink...

by mbrock 8y ago

gabergg 8y ago

The MP3 syncing is a super cool idea - did you analyze the MP3 at all to smooth syncing between sync points? Also love the little video, thanks for sharing! I think collaboration has huge value for any tool like this - it'll be one of my earlier priorities for Songcraft.

mbrock 8y ago
I was only doing linear interpolation between the manually set sync points. In my tests I would usually need to put a sync point per verse, or so. The karaoke ball you see in the video was fun to make although I never got it quite perfect. The chord sheet is just a flexbox with wrapping and the ball is a CSS animation; the JavaScript only moves it from div to div once per measure.

vonseel 8y ago

"(it was actually inside of a nuclear shelter within a Stockholm subway station)" This sounds pretty amazing!!

mbrock 8y ago
It was okay but basically you just enter the subway station and go through a locked heavy door to a slightly creepy corridor with a dozen small rooms serving as rehearsal spaces. The owner had barred the toilet door so on entering you would often see some metal drummer peeing in the metal sink...