Giter VIP home page Giter VIP logo

selithrarion / vue_audio-tools Goto Github PK

View Code? Open in Web Editor NEW
8.0 2.0 0.0 1.92 MB

Quasar (Vue 3 Composition API with Typescript)

License: MIT License

Shell 0.14% JavaScript 23.58% Dockerfile 0.18% TypeScript 12.10% Vue 56.45% Sass 2.64% SCSS 2.60% HTML 2.32%
composition-api javascript lamejs quasar quasar-framework typescript vue vue3 vue3-typescript vuejs wavesurfer wavesurfer-js audio audio-cutter audio-processing clipper cutter equalizer

vue_audio-tools's Introduction

Audio tools with Vue 3

prev project - instagram clone

Content

Video

browser_4C5nJukf4Q

cutter.mp4

Stack

  1. Vue 3
  2. Typescript
  3. Quasar
  4. Wavesurfer
  5. MusicTempo
  6. other - date-fns, some lodash functions, eslint + tslint + prettier

App Features

❌ === not implemented yet
✨ === TODO idea. it seems that it won't be implemented but there were some plans

Audio

  • Select region to export
  • Change export and browser volume
  • Change bitrate ✨
  • Change speed
  • Hotkeys to stop/pause, move current time with arrows
  • Waveform
  • Equalizer
  • Equalizer spectrum ✨
  • Detect BPM with music-tempo
  • Change detected BPM when we're changing song speed
  • Detect and visualize beats ✨
  • Snap to nearest beat when selecting export region ✨
  • Export cropped audio to mp3 format with selected settings. lamejs issue
  • Export to wav ✨

Other

  • Google analytics
  • Sentry - error monitoring and logging for both frontend and backend

Known bugs

  • TODO

Installation

  1. Clone project
  2. "yarn global add @quasar/cli" and "cd .\frontend" and "quasar dev"
  3. star? 🤩😊 anyway, glad to any PRs

Notes

  • 1-month pet-project from 1st to 31st of april. probably LOL
    upd: haha..

vue_audio-tools's People

Contributors

selithrarion avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue_audio-tools's Issues

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.