/spacebeats

A dark themed beat looper made with space sounds

Primary LanguageJavaScript

spacebeats

This project was forked from whalebeats. We swapped out the whale sounds with space sounds from NASA and ESA.

List of samples

Audio samples are located in public/audio and listed in src/samples.json. The original sources of these samples are listed below:

  1. comet-67p-rosetta-singing-magnetic-field
  2. comet-tempel-1-stardust-dust-particles
  3. earth-emfisis-radio-waves
  4. enceladus-cassini-plasma-waves
  5. ganymede-galileo-radio-emissions
  6. jupiter-juno-bow-shock
  7. jupiter-voyager-lightning
  8. mars-percy-rover-driving
  9. mars-percy-rover-filtered-first-sounds
  10. mars-percy-rover-first-sound-recording
  11. saturn-cassini-radio-emissions
  12. star-kic12268220c-kepler-light-curve-waves
  13. sun-soho-natural-vibrations

Setup instructions

You'll need node and npm installed, then:

$ npm i
$ npm start

What the heck is npm??

Start here for an overview... but essentially you'll want to:

  1. install NodeJS
  2. run the project with npm start

Getting Tone.js audio to play

The original tinysynth won't play audio in most web browsers. To fix this, we added Tone.context.resume() to the Tone.Sequence start function.

Update the webpage on GitHub Pages

You'll need yarn installed, then:

$ npm run deploy

See all the details in this blog: How to Deploy a React App to GitHub Pages

Note: you can skip the Routing in React section, since spacebeats is a single page React app.