team-synesthesia / audioAnimated

An interactive web application that allows users to create music with beautiful animations that move to your music and share their creations with their freinds
http://audioanimated.onrender.com
MIT License
0 stars 1 forks source link
audiocontext express material-ui react redux webworkers

audioAnimated

An interactive web application that allows users to create music with beautiful animations that move to your music and share their creations with their freinds.

app-screenshot

  1. Watch our recorded demo to see what you can create: https://youtu.be/h_EGWJua-0w
  2. Then Create an account
  3. Record with our in-app recording software, or upload existing files into your project editor. Create music by layering and connecting tracks together.

layer-and-record

  1. Choose a base graphic for your project, and watch the animation move and breathe with your song.

choose-graphic

  1. Share with your friends by generating a sharable link.

share-your-creation

Setup

Database:

File storage:

The music files are now stored in an s3 bucket in AWS for both develepment and production running of the application. You will need to create an AWS account, create and s3 bucket and allow access via AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY.

Environment variables

You will need to provide these environment variables in dev and prod:

A .env file is required to run this app in development.

  1. Add a .env in the root dir of this repo
  2. add these variables:
AWS_ACCESS_KEY_ID=xxx // as mentioned above
AWS_SECRET_ACCESS_KEY=xxx // as mentioned above
S3_BUCKET_NAME=audioanimated // or whatever you call the bucket
S3_REGION=us-east-2 // choose the same region that you web server uses
S3_ENV_PREFIX=dev // this is just a prefix in the bucket to separate files between environments

// prod only:
DATABASE_URL=postgresql://<<username>>:<<password>>@<<host-address>>:<<port>>/<<dbname>> // only needed in prod

audio files that are uploaded or created in the app will be saved in the s3 bucket.

Development