Skip to content

Instantly share code, notes, and snippets.

@notthetup

notthetup/webaudio.md

Last active December 18, 2015 05:26
Show Gist options
  • Save notthetup/d2a173cb3b3a9291f769 to your computer and use it in GitHub Desktop.
Save notthetup/d2a173cb3b3a9291f769 to your computer and use it in GitHub Desktop.
Download ZIP
WebAudio at GA
Raw
webaudio.md

WebAudio

https://www.youtube.com/watch?v=lJ1kY-CSpBk

Audio + Computers

https://docs.google.com/presentation/d/14JkgPtgwjqX1zpPA87G6DlqBcF_aqKf6q2yE8kZ-c50/edit?usp=sharing

  • Digital Audio
    • Sampling
  • Playback
  • Control
  • Synthesis
  • Analysis

WebAudio use cases

When do you need more than Audio tag?

  • Attack/Decay
  • Streaming/Realtime filtering
  • Effects

History of Audio on the Web

http://chinpen.net/talks/webaudio-geekcamp-2015

  • bgsound
  • Flash
  • audio tag
  • Audio Data API
  • WebAudio

Structure of WebAudio

  • Graph Processing
  • Scheduling Timeline
  • AudioContext
    • currentTime
    • destination
  • Connections
  • Parameters
  • Automation

Nodes

  • AudioBufferSource
  • Oscillator
  • Gain
  • Filter
  • ScriptProcessor

Common usecases

Fade In/Out

Attack + Decay

Demos

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment