Push to Talk — Ein Digital Verteiltes Online-Chaos
Make your own Button by pressing the Button
The browser will ask for permission to use your microphone when you press the button. It will use your microphone to generate a waveform. No data will be collected or transfered. It runs locally in your browser using the audio-processing graph tooling of your browser. An analyser node performs an FFT whose average is used as an indicator for the current loudness. This is done every 50 ms and added as a new value to an array of loudness values, which is limited to 30 entries. These values are normalized to their maximal value and mapped to the heights of 30 bars in the SVG image.
Further down three buttons allow to rotate through different color schemes and to download the current image as SVG or PNG. The SVG download takes the current SVG image using innerHTML, encodes it as an URI, creates a new link element, sets its href to the encoded URI and clicks the link. For the PNG download the SVG data URI is set as src to an image, which is then drawn onto a canvas. This canvas can then be converted to a PNG data URI.