angry coffeean audio revolution is brewing
 home > audio tutorials > Beatnik > interactive remix tutorial home

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

Learn to Make Beatnik Interactive Remixes
• Starting in the Recording Studio
• Using Your Audio/MIDI Sequencer
• Manipulating Loops You Want to Use
• Converting 44.1 kHz Sample Rate Loops to 22.5 kHz Sample Rate
• Getting Organized! Map It All Out
• Programming General MIDI File to Trigger Loops
• Importing Your File into the Beatnik Editor Pro
• Programmming the HTML So It All Works
• Designing Your Interface; Attaching the Sounds to the Buttons
• Our Example from San Francisco Band, Resin

Please Note: You will not be able to hear the "sonified" menu above or the working example of the Beatnik remix unless you install the Beatnik Player into your browser. Go here to download it.

Here's a synopsis of the menu items above. We know it's a lot, so we suggest starting at the top, going slowly, and taking one item at a time.

Starting in the Recording Studio Whether you're recording in a profesional studio or a home studio, we'll tell you what you need to get started on the right track.

Using Your Audio/MIDI Sequencer The nitty on working with hard-disk recording system/MIDI sequencing software.

Manipulating Loops You Want to Use Using your audio program to get those loops going!

Converting 44.1 kHz Sample Rate Loops to 22.5 kHz Sample Rate Simple as pie! You can use your audio program if it provides such a function, or tool from the Angry Cofee Toolbox, like BarbaBatch.

Getting Organized! Map It All Out This can get tricky, so are our suggestions for what can you do to stay sane.

Programming a Standard MIDI File to Trigger Loops All the loops you make will be triggered by a Standard MIDI file (Type 1). Here is how to do it the right way.

Importing Your File into the Beatnik Editor Pro If you haven't figured it out by now, Beatnik Editor Pro is the program you need to for this tutorial. We'll tell you how to tie everything together and export your single .rmf file that makes all the magic work, well, magically.

Programmming the HTML So It All Works We have the cut-and-paste JavaScript for you, but we'll also explain what it is so you can impress people at cocktail parties. And a big thank you to Chris Ticknor at Beatnik for his help and expertise on the code.

Designing Your Interface; Attaching the Sounds to the Buttons Make the interface reflect the music. Our advice on pulling that off, plus the simple procedure of linking or attaching the sounds to the buttons in your HTML document.

A Working Example from San Francisco Groove Band Resin See! It works! What a rewarding feeling.

Starting in the Recording Studio>>

  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.