DREAMY AND MAGICAL

WEB AUDIO

Sune Bear

2015-06-19

What is audio?

Definition

Audio is sound within the acoustic range available to humans. 

Sound has three major attributes: amplitude, frequency, shape 

 

Sound Wave

Sampling (signal processing) 

Music or just sound

Music = SoundQueue(Melody, rhythm)

Muisc is a subset of sound art

Sound

Music

Noise

Equal Temperament

a musical temperament, or a system of tuning

 Math.pow(2, (noteKey - 57)/12)*440

SimpleSheetMusic

Piano Emulation

History & compatibility

Timeline

Audio on the web

  • bgsound

  • object, embed

  • < audio />

  • Audio Data API

  • Web Audio API

2011: New beginning

WA API Changelog

Can I use ?

The power of WA

  • Low-level access to all things audio

  • Create sounds

  • Manipulate sounds (filters)

  • Timing sounds precisely

  • Tons of other cool stuff (spatial audio, audio analysis)

Features

  • Video Chat Application

  • 3D game with music and convincing sound effects

  • Online music production tool

  • Music Creation Environment with Sampled Instruments

  • Playful sonification of user interfaces

  • Web-based guitar practice service

  • User Control of Audio

Scenarios

More info on W3C: Use Cases and Requirements

Let's fall in WA

Let's fall in WA

Tones generator

Rhythm game

Motion control

Music Visualization

Control it

It's complex ?

No, Do not be scared about that

WA API has a total of 28 interfaces and events

But...
Implementing by Hand is quite heavy (╥﹏╥)

Hello World

var context = new AudioContext()
var oscillator = context.createOscillator()

oscillator.connect(context.destination)
oscillator.start()

One context with only one destination

Modular Routing

Play in the WA playground

End of course (¬_¬)

I'm so sorry for that I have not enough time to make this presentation

Share some links about WA in the last section

Free Talk

Thanks for listening

Get Presentation