JSFoo: round the year submissions

JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Sam Bellen

@sambego

Channel your inner rockstar with the web audio API.

Submitted Dec 13, 2017

The days when you needed a bunch of expensive musical equipment are gone. We all have devices with a web browser which is capable of creating, composing and modulating sound. The web-audio API makes it easier than ever before to create music on the web. It hosts an array of easy to use audio nodes, which take away a part of the hard work, while still allowing the desired flexibility to create the exact sound you’re after.

Outline

This presentation takes you through the basics of the web-audio API. It explains how to load and play sound files. How to create and compose sounds with the web-audio API. I will explain some of the audio nodes available in within the web-audio API and how to combine them to create some of the most used audio effect. As a cherry on top we’ll apply these effects on the sound of an electric guitar live on stage.

The slides can be found here: https://audio.sambego.be

Requirements

/

Speaker bio

I’m a front-end developer at madewithlove, a small app development company based in Belgium, but with employees all over the world.

For my day to day job I’m in charge of creating challenging user interfaces and make applications nice to work with.
After office hours I like to play around with the web-audio API, and other “exotic” browser APIs. One of my side projects is a library to add audio effects to an audio input using JavaScript.

I am one of the organizers of the Fronteers meetups in Belgium, where we handle a wide range of topics related to frontend development.

When I’m not behind a computer, you can find me playing the guitar, having a beer at a concert, or trying to snap the next perfect picture.

Slides

https://audio.sambego.be

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more