Understanding The Web Audio Clock

A gentle summary of it

Post Header Pic

Hey everybody! It’s been awhile since the last post! This week I’m going to tackle one of the most confusing aspect of web audio (at least for me) which is the web audio clock. You might have heard of this legendary web audio tutorial by Chris Wilson called A Tale of Two Clocks - Scheduling Web Audio with Precision which I have been reading since last year. Yeah that’s true, please understand I came from zero knowledge of web programming and just decided to plunge into web audio like jumping off a cliff. It has been a really fun learning experience though, with the help of resources such as Nodeschool, Udemy and CodeAcademy, I’m still far from being an excellent coder but slowly but surely.


Synthesising Sounds with Web Audio API

Introducing basic sound synthesis with Web Audio API

Post Header Pic

Hi everyone! Welcome to the new year! We’re excited to kick off our first blog post for 2016 with something really fun and simple to do! Synthesising sounds with web audio! Our main reference will be this blog post by Chris Lowis on Synthesising Drum Sounds with the Web Audio API and also Synthesizing Hi-Hats with Web Audio by Joe Sullivan. I learnt many new things just by reading those articles and also refering to the SYNTH SECRETS articles by Sound on Sound Magazine.


Understanding AudioParams

Precision control of web audio nodes.

Post Header Pic

Hello everyone from the Sonoport team. Today I would like to go into detail about AudioParams, which are a super neat and important part of web audio. We have seen them before, such as when we set the frequency value of a filter or the amplitude of a GainNode. All AudioParams have methods that we can use to manipulate their values. Using these methods, we can set envelopes and create more finite control structures of our audio signal using automation.


Creating Sound Alerts with Web Audio and NEA APIs

The hazier it gets, the higher pitched it would be.

Post Header Pic

Hey everyone! Today we’re going to try and sonify the haze that has been plaguing Singapore recently! If you’re not sure what we’re talking about, here’s some information on it. What we’re going to do today is to use the National Environmental Agency (NEA)’s API to gather data on the haze and use it to create sound.


Applying Web Audio API with the HTML5 Canvas Element

Part II: Using an animated ball to create generative music

Post Header Pic

Hey everyone welcome to Part II of Applying Web Audio API with the HTML5 Canvas Element tutorial! We’re going to continue learning on how we can integrate Web Audio API with simple web animations created using the HTML5 Canvas element. If you missed Part I, click here to read it.