https://github.com/miukimiu/cassette-tape

Record your freestyle in the browser!
https://github.com/miukimiu/cassette-tape

Last synced: 20 days ago
JSON representation

Record your freestyle in the browser!

• Host: GitHub
• URL: https://github.com/miukimiu/cassette-tape
• Owner: miukimiu
• Created: 2015-10-31T01:00:25.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2019-03-19T01:04:59.000Z (over 5 years ago)
• Last Synced: 2024-08-02T15:22:42.246Z (3 months ago)
• Language: HTML
• Homepage: https://miukimiu.github.io/cassette-tape/
• Size: 34.9 MB
• Stars: 67
• Watchers: 2
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cassette Tape

Cassette Tape lets you record your freestyle in the browser. You just need to press play to listen to the hiphop loop and when you feel ready just press rec and it starts recording your voice. After that a wav file with your freestyle is generated and you can save on your computer.

This is a Chrome Experiment. It was developed to work only in this browser. It uses some technologies not yet fully supported by all browsers.

Plugins and libraries in use:

* [Recorderjs](https://github.com/mattdiamond/Recorderjs)

* [Snap.svg](https://github.com/adobe-webplatform/Snap.svg)

* [p5.js](https://p5js.org/)

* [jQuery](https://jquery.com/)

# Demo

[Demo](https://miukimiu.github.io/cassette-tape/)

### Install gulp and Bower

Building the player requires [node.js](http://nodejs.org/download/)

From the command line:

1. Install [gulp](http://gulpjs.com) and [Bower](http://bower.io/) globally with `npm install -g gulp bower`

2. Navigate to the theme directory, then run `npm install`

3. Run `bower install`

### Available gulp commands

* `gulp` — Compile and optimize the files in your assets directory and watch

* `gulp build` — Compile and optimize the files in your assets directory