Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen. Mal mit, mal ohne Gast begeben wir uns in die Tiefen von HTML, CSS, JavaScript oder auch Frameworks wie React, Vue und Angular. Wir diskutieren über gute UX, Web Performance und Barrierefreiheit, sowie ab und an auch über Browser und Webstandards. Supported uns bei Patreon: https://patreon.com/workingdraft
https://workingdraft.de
Revision 325: Die Web Audio API
Dieses Mal hatten wir Jan Krutisch zu Gast, der mit uns einen Ausflug in die Welt der Synthesizer und Audioeffekte unternahm. Thema war nämlich die Web Audio API, mit der Jan das Glück hat, sich immer wieder beschäftigen zu dürfen, etwa in Form des liv3c0ders oder der Novation Circuit Components.
Schaunotizen [00:02:53] Die Web Audio API Wir lernen, dass die Web Audio API einem Fließband-System ähnelt: Gespeist wird es aus einer Ton-Quelle (MP3 oder Oszillator), die im Folgenden durch beliebige viele angestöpselte Modifikator-Stationen verändert wird, bevor das Resultat dann ausgegeben wird. Im einfachsten Fall kommt dabei Kunst heraus, im besten Fall ein Produkt für den Musikbereich, wie Ableton Learning Music oder Loop Drop. Folgende verlinkenswerte Stichworte fielen im Verlauf unseres Gesprächs:- Die Web Midi API: Dank Ihr lassen sich angeschlossene Keyboards & Co zum Steuern der Web Audio API nutzen
- Tone.js: Ein Framework zur Audio-Erzeugung, das auf Web Audio API aufsetzt
- Little Bits Korg Synth Kit: Ein Baukastensystem, mit dem sich schnell die Grundlagen von Synthesizern lernen lassen
- Paul Adenot: Elements of Dance Music – JSConf.Asia 2015: Welche musikalischen Muster gibt es, die in Web Audio angewandt zu gefälliger Musik führen?
- Chrome Developers: Web Audio (Part 1 und Part 2): Web Audio Tutorial von Chris Wilson
- A Tale of Two Clocks – Scheduling Web Audio with Precision: Wie Web Audio seine eigene Systemuhrzeit hat
- Die Web Audio Slack Gruppe: Wer sich über die Web Audio API austauschen möchte ist hier richtig