Tools Web

Serendipity and the most detailed map of my knowledge that ever existed

Introduction / TL;DR

Existing note-taking apps like OneNote or Evernote are unsatisfying to me, especially when it comes to ordering and structuring your notes and keeping control over your data. This is why I have built an app called NENO (an acronym for “network of notes”) that not only lets you take notes, but also helps you to create your personal knowledge graph by letting you link individual notes and define the topology of the resulting graph, i. e. you can freely position the nodes on a 2D plane. With this, you are able to create a visual map of your knowledge, which I find immensely helpful and insightful. At the same time, you retain complete control over your data because you can decide if it is saved on your computer, in a cloud storage of your choice, or even on a server under your control. You can try it out now here (works with Chromium-based browsers). The source code is available on GitHub.

NENO editor view
NENO’s editor view
DSP JavaScript Loudness Making Music Pro Audio Synths Tools Uncategorized Web Web Audio

Should your web audio app have a limiter?

Did you come across digital clipping in web audio apps? I certainly did several times (mostly in my own apps though). This undesired effect occurs when you play several sound sources at the same time, which results in a signal that is louder than the maximum of 0 dBFS. Since a digital system is unable to reproduce higher amplitudes, you will hear nasty distortion and get an unworthy waveform looking like this:
JavaScript Making Music Tools Web Web Audio


I just wanted to mention that I did this thing called Beatsketch last year. It lets you make music on the web without having to know much about making music.

BeatSketch from Sebastian Zimmer is a collaborative music production tool that Sebastian developed for his Master’s degree in Computer Science. A song consists of multiple tracks, and each track is backed by a grid-based sequencer. Any changes you make are synchronised between connected collaborators immediately. It also supports mixing the final song down to a WAV file for downloading. An impressive set of features and a very useful exploration of possible methods of implementing collaborative working.

Chris Lowis on Web Audio Weekly #43

JavaScript Tools Web Audio

WAV Builder

I made another little tool after CAAT, the WAV Builder. This time it’s not about testing filter algorithms, but synthesizing waveforms which are then rendered and saved as a WAV file. It helps me sometimes to test stuff. If it should help you too, that’s great!

WAV Builder uses the great Recorder.js.

DSP JavaScript Tools Web Audio

CAAT – Custom audio algorithm tester

CAAT, the custom audio algorithm tester is a page that let’s you try out your own simple audio filter algorithms.
Just (mis)use the textarea for coding and listen to what you get. There are some examples on how you would do basic things.

It helps me sometimes, when I just want to check something out very quickly.

Of course, this is a very unperformant way to implement audio filter algorithms for several reasons. This is just a demo. If you’re interested in how to implement algorithms the right way, I recommend using Web Audio API’s Audio Worklets or the talk “C++ in the Audio Industry” by Timur Doumler.