angry coffeean audio revolution is brewing
 home > audio tutorials > Beatnik > sonification tutorial

music blog
  the deep
sounds music blog pod

soundcards
  demos

music news
  entertainment
technology

tutorials
  mp3
ogg
beatnik
flash
quicktime

fresh ears
  audiofile
bulker

about us
  press
people
email us

Beatnik Sonification Tutorial
• Sonifying a Menu/Navigation Bar
• Sourcing the JavaScript into Your .html Document
• Coffeebreak -- music-object.js on my Server or Beatnik's?
• The playRandomNote Instance Method
• Choosing Your MIDI Channel
• Choosing Your Bank Number and MIDI Instrument
• Programing Note Velocity and Note Duration Values
• Programing Volume and Panning Values

Sonifying a menu or navigation bar

You will not be able to hear the "sonified" menu above unless you install the Beatnik Player into your Web browser. Go here to download it.

In this tutorial we are using a JavaScript Instance Method called playRandomNote that uses the music-object.js along with the music-object-dynamic.js Music Object Extension. This combo provides innumerable ways to choose what sounds come out of a website's menu or navigation bars. For each link, you can tell the Beatnik Player to play random values within from within your preset group of parameters. Any instrument sound, note value, triggered velocity, note duration, event volume, or panning preference can be controlled.

In our example in the navigation at the top of this page, we set out parameters to play a mixture of instrumental sounds. The "sonified" menu produces a cello and bass playing D in octaves, four tremelo guitars playing a D harmonic minor scale, a bell sound playing the notes E or F, and a breathy flute sound that is programmed to play any note in between E4 (4th octave) to D5 (5th octave) randomly. You can get a more random and/or atonal effect by extending the range of note possibilities, as we cover in this tutorial.

Sourcing the JavaScript into Your .html Document >>
  toolbox

- Download Beatnik Player for | Macintosh | Windows 95/NT
- Download Beatnik Editor for | Macintosh
- Download Beatnik Converter for | Windows 95/98/NT

sound editor links for Macs
Barbrabatch
Soundhack
Amadeus II
Cubasis Demo

sound editor links for PCs
Media Wizard
Audio Magic Ring 1.1
Cool Edit
Sonic Foundry
Gold Wave
Quack
Cool Edit Pro

resource links
Flashnik - audio for Flash using Beatnik
Music Object javaScript tutorials by Ovalwindow

Angry Coffee Beatnik examples
Example - MIDI File/Song Examples
Example - sonified nav bar
Example - Angry Coffee Interactive Drum 'n Bass Machine
Example - Angry Coffee sonified logo
Example - Angry Coffee Interactive Remix



© 1999-2001 Angry Coffee, Inc.