DevDays Vilnius 2019


May 21-23, 2019


Sam Bellen

madewithlove, Belgium


Sam Bellen is a Front-end Developer at madewithlove, a small app development company based in Belgium, but with employees all over the world. For his day to day job he’s in charge of creating challenging user interfaces and make applications nice to work with. After office hours he likes to play around with the web-audio API, and other “exotic” browser APIs. One of his side projects is a library to add audio effects to an audio input using JavaScript.

— TOPIC #1 —

You might not need a native app for this!

A lot of developers seem to go to native (mobile) apps to solve complex problems. The web is evolving at a rapid pace, and for a lot of things we don’t need to go the native way anymore. From recording video to speech recognition, push notifications to getting the battery status, modern browsers host a whole set of APIs which help us achieve these things. Knowing some of these APIs exist might speed up the process of moving to a universal accessible web app or PWA in favour of a big native one.
The talk does not require any previous experience except some basic JavaScript knowledge. It will showcase some well known mobile apps, and explain how you can recreate parts of these apps using the power of a browser. The functionality of each app will be analysed and you’ll go through the steps of recreating some parts using JavaScript, and available browser APIs. As a demonstration, Sam will show some apps recreated in the browser.

— TOPIC #2 —

Channel Your Inner Rockstar with the Web Audio API

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.

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. Sam 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.

We’re writing code every day as part of our jobs. We do not always have to use those skills to create something useful, but can also do some fun experiments with it. Playing with the web-audio API is a perfect way to improve our programming skills, and have fun at the same time.