Giter VIP home page Giter VIP logo

wave-slicer's Introduction

Wave Slicer

Wave Slicer is a web application for chopping up audio files.

To get started drag an audio file onto the drop zone. To sample highlight a region of the waveform and click the record button. Samples will appear underneath the waveform where you can listen back, rename or delete them. Use the button that appears in the bottom right of the screen to download a zip file containing your samples.

This project is built using React. Wavesurfer.js is used to display the waveform and define which regions to sample. Samples are then recorded from the audio file using the MediaRecorder API.

screenshot

Installing Locally

Clone the repo:

git clone https://github.com/jaqarrick/wave-slicer.git

Navigate into the wave-slicer repo and install dependencies:

cd wave-slicer && npm i

Start the application:

npm start

Features to Implement

  • Add a live recorder option, where samples can be sliced from audio recorded directly in browser.

Credits

Thanks to Wavesurfer.js and also JSZip for making this project a whole lot easier to implement.

Build and design by Gabriel Davison and Jack Carrick.

wave-slicer's People

Contributors

gabrieldavison avatar jaqarrick avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

yohanrj

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.