Too Long; Didn't Read
With the shipment of the <a href="https://hackernoon.com/tagged/audioworklets" target="_blank">AudioWorklet</a> feature in <a href="https://hackernoon.com/tagged/chrome" target="_blank">Chrome</a> 64, it’s probably reasonable to say 2018 was a good year for the Web Audio API. Nearly a year later after its release, there are still relatively few examples outside of <a href="https://googlechromelabs.github.io/web-audio-samples/audio-worklet/" target="_blank">the resources at Google Chrome Labs</a> and <a href="https://dsp.audio/" target="_blank">dsp.audio</a> for developers to draw from. These serve as great introductions to the interface, but with relatively few user-created examples to learn from, we’re left to our own devices when figuring out how to implement it out in the wild. The reality is, the task of getting AudioWorklets to play nice with React and other UI frameworks isn’t as straightforward as it might seem. The aim of this article is to show programmers already familiar with the Web Audio API how they can connect AudioWorklets to a React interface. For more info on the AudioWorklet specification, see the links at the very bottom of this article.