Synchronize music rhythm with obs?
- Thread starter saveiro
- Start date
macharborguy
Member
I was able to pull this off about two years ago using a combination of the FooBar 2000 music player, a Browser Source, and some CSS tricks.
I went thru each song I had in FooBar 2000 and figured out their *rough* BPM (beats per minute). I then configured FooBar to output a text file containing the song title, artist, bandcamp or other URL, and the BPM. The format of the text file was JSON so the data could be read into the Browser Source that needed it.
The Browser Source contained a large set of pixel art dancing characters from different 8 and 16 bit games, and i used the CSS "steps()" feature (http://blog.teamtreehouse.com/css-sprite-sheet-animations-steps).
Every 100ms, i would make a local HTTP/File request thru JQuery's AJAX method to the local text file that Foobar output, and check if i need to update the BPM of the sprites.
I would then calculate how long in milliseconds to display each step of the animation based on the BPM of the currently playing song, making all of the sprite characters, within a split second of the song changing, speed up or slow down to nearly match the beat of the music.
All that being said, it was NOT a trivial process and did require a lot of custom code to get it working on a level that I was happy with.
I went thru each song I had in FooBar 2000 and figured out their *rough* BPM (beats per minute). I then configured FooBar to output a text file containing the song title, artist, bandcamp or other URL, and the BPM. The format of the text file was JSON so the data could be read into the Browser Source that needed it.
The Browser Source contained a large set of pixel art dancing characters from different 8 and 16 bit games, and i used the CSS "steps()" feature (http://blog.teamtreehouse.com/css-sprite-sheet-animations-steps).
Every 100ms, i would make a local HTTP/File request thru JQuery's AJAX method to the local text file that Foobar output, and check if i need to update the BPM of the sprites.
I would then calculate how long in milliseconds to display each step of the animation based on the BPM of the currently playing song, making all of the sprite characters, within a split second of the song changing, speed up or slow down to nearly match the beat of the music.
All that being said, it was NOT a trivial process and did require a lot of custom code to get it working on a level that I was happy with.