JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Channel your inner rockstar with the web audio API.

Submitted by Sam Bellen (@sambego) on Tuesday, 12 December 2017

videocam_off

Technical level

Intermediate

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

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.

Links

Slides

https://audio.sambego.be

Comments

Login with Twitter or Google to leave a comment