Patrik Englund – Web Developer in Stockholm

Tutorial: Build a responsive Web Audio Synthesizer with Nexus UI

Top image for websynth tutorial articleSynthesizers plays a huge role in modern music making. It plays lead for most electronic dance music and it´s used for texture and effects in many rock songs.


With Web Audio API you can make your own synthesizer for the web and play your own musical masterpieces.
In this tutorial I will show you how you can make your own web-based synthesizer with the help of Web Audio API, JavaScript, html and CSS. The design will be responsive so the web synthesizer looks good for both desktop and smart phone.