Question Park

Question Park

Sign in Subscribe

Recreating THX's Deep Note in JavaScript with the Web Audio API

For last year’s JSConf EU, co-organiser Malte got in touch with me to ask if I could replicate Deep Note, THX’s classic audio logo, to use as part of the introduction to the conference — “I’m assuming it should be really easy, but I may be completely wrong.

JavaScript is the new Punk Rock

A few weeks ago I had the great pleasure of speaking at JSConf EU about making music in the browser. If you ever get to go or speak at JSConf EU, do it. It’s amazing. Anyway, here’s the video!

Introducing Wavy Jones

Need a simple way of showing what your audio looks like in real time? I’ve made a little oscilloscope node that you can plug into your Web Audio project fairly quickly. Find out how to set it up over at Wavy Jones.

Get the frequency of a musical note

Here’s a little bit of JavaScript that’s used within Qwerty Hancock that you may find useful for your own audio project. It’s a simple little function that takes the name of a musical note along with its octave, and gives you back the audio frequency of said

Introducing Qwerty Hancock

I’ve been talking a lot about how to generate sound using the Web Audio API, but so far it’s been pretty unmusical. I thought the best way to remedy this would be to be hook the API into some sort of browser keyboard to show how to generate

Controlling Web Audio API volume using the HTML5 slider element

“Hey mister! This loud monotonous tone is deafening me. Can you turn it down?” Oops, sorry. You must have just created a sine wave with the Web Audio Api. Of course you can turn it down, and up as well if you want. To do so we have to talk

Making waves using the Web Audio API — video

Here’s a quick little video demo of my post on how to create sound waves using the Web Audio API. best casino Bets10

Making sine, square, sawtooth and triangle waves

If you’re wanting to use the Web Audio API to make a synthesizer, there are four main types of sound wave you’ll need to be familiar with first. These are sine, square, triangle and sawtooth. A sine wave is named after the fact that the sine function can

An introduction to the Web Audio API

The Web Audio API is a way of creating and manipulating audio within the browser. It’s a specification proposed by Google, and as such is currently only available in Chrome, with the hope other browsers adopting it and it becoming a standard. The actual audio processing itself is done

Constants in JavaScript

A constant in programming is essentially a variable whose value can’t be changed. It’s destined to be what you tell it it is forever. This is useful when you want to set a really important value at the start of your program that you don’t want to

Function declarations vs. function expressions

There are few different ways to declare functions in JavaScript, but it’s never been made clear (to me anyway) which way is the best. Take these for example: // Function declaration function sayHello() { console.log('Hi there!'); } // Function expression var sayHello = function () { console.log('Yo my friend!

Declaring variables in JavaScript

“Hey hot dog I know how to declare a variable! You don’t have to tell me how to do that.” Of course you do, but I just wanted to highlight the best way of declaring a few a time. Instead of writing this: var name = 'Bobbin'; var

What is sound?

Before working with web audio, it’s important to understand not only the terminology but some of the concepts of sound and waves. You may be familiar with the fact that sounds travels in waves, but are perhaps not too sure what this actually means. Well, imagine the waves of

File formats supported by the audio tag

When the tag first appeared, it sparked much debate between the various browser vendors as they could essentially choose what formats they wanted to supported. Mozilla especially was concerned about the licensing and potential patent problems it may have if it were to support the mp4 codec. So what’s