No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 2 commits behind OperationSpark:master.
Latest commit ff4869c Aug 4, 2015
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bower_components/jquery simple sound player Aug 2, 2015
p5 start on readme and server structure Aug 3, 2015
.gitignore start on readme and server structure Aug 3, 2015
README.md readme updates Aug 3, 2015
index.html can offset Aug 4, 2015
looper.js can offset Aug 4, 2015
package.json start on readme and server structure Aug 3, 2015
server.js start on readme and server structure Aug 3, 2015

README.md

Welcome to the looping machine. In this project you will use libraries to create a looping machine in your browser. When done, you'll be able to record, play back, modify, and mix together beats in your browser!

Figure out how to record and play audio

We want to make sure that we know how to record and play back audio before we start messing with building an entire application around the concept. We are going to be using the p5 library for this. This is simply another version of ProcessingJs (the same drawing stuff you use in Khan Academy) but with addons for working with sound.

Looking around the p5.js website, there is an example of recording and playing back audio here. Look over the code in the example (also available on github and in this project inside p5/examples/addons/p5.sound/record/sketch.js). Try to identify what code is necessary to

  • start capturing sound from the microphone
  • to play the captured audio
  • to prepare the application to record audio. (For example, we need to let the system know we are going to be using the microphone so that it can ask the user to allow this.)

See if you can also figure out the answer to

  • What is soundFile? How is it set?
  • Do you have a theory on how you would pause a sound?
  • There are three things from p5 that are being used here - mic (the microphone), recorder (to actually do the recording), and soundFile. Can you guess which ones you would have to duplicate if you wanted to record and play back multiple tracks at the same time?

Get the project and run the template

Pull down the project from Github.

On Cloud 9

If you are in Cloud 9 you can open up index.html and hit play.

On a local computer

If you are on your own computer you will need a webserver to run it. The application comes ready with one made in node. To set it up you will need to open up the console and cd to this project's directory, then

  • npm install to download everything that is required to run a server (this is a one-time thing)
  • npm start to start the server. You will run this whenever you want to start the application. Once it is running you can open your browser to http://localhost:8283.

Create a set of record/play controls when adding a track

var container = looper.createNewControlsHtml(); tracksList.append(container);

Record audio

Play audio