Rockr — A loopstation for the webbrowser: Devlog episode 2
Keep in mind that it’s a Work in Progress. The layout hasn’t been optimized for mobile devices and lacks a lot of the features I want to implement, like:
To level up the Meta Data game I use a Python Library called mutagen. It’s fast and easy to use, and it simplifies the hazzle with adding tags. Recalling the fact that audio meta data lacks a gold standard, we have to consider all of them. There are ID2 and ID3, CTOF, TIT2, CHAP and whatnot, so we definitely need abstractions. Luckily there is mutagen’s EasyID3 module:
Mutagen will figure out for itself to which standard the “title” entry belongs and assigns it automagically. We can’t define your own custom meta data tags, rather we have to align to the tags that come predefined by the standard. ID3 maintains it’s own cheatsheet for every tag they use: Here
In my last post I mentioned the requirement for low latency. This boils down to event handlers knowing which kind of click event they listen to. On desktop it’s .on(“click”), on mobile it’s .on(“touchstart”). Depending on the screen size we register one of them (and not the other, as “click” and “touch” don’t map out evenly on the taxonomy of interactions). I used a straightforward approach:
