https://github.com/JMPerez/karaoke
Karaoke built with Web Audio API
https://github.com/JMPerez/karaoke
audio karaoke
Last synced: 6 months ago
JSON representation
Karaoke built with Web Audio API
- Host: GitHub
- URL: https://github.com/JMPerez/karaoke
- Owner: JMPerez
- Created: 2013-07-12T05:58:35.000Z (over 12 years ago)
- Default Branch: gh-pages
- Last Pushed: 2023-11-22T09:27:31.000Z (almost 2 years ago)
- Last Synced: 2024-11-07T11:25:17.869Z (12 months ago)
- Topics: audio, karaoke
- Language: JavaScript
- Homepage: https://jmperezperez.com/karaoke/
- Size: 4.6 MB
- Stars: 224
- Watchers: 18
- Forks: 37
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
Karaoke with Web Audio API
=========
Using the Web Audio API it is possible to reproduce the karaoke filter present in some desktop applications to remove the voice from a song. Who needs a program other than a browser?
- Drag and drop a music file (mp3, wav, ogg...)
- Sing it!
Tech
-----------
This karaoke uses a number of projects to work properly:
* [jDataView](https://github.com/jDataView/jDataView) - a library that makes it super easy to read metadata from audio files, as explained on [Reading .mp3 ID3 tags in JavaScript](http://ericbidelman.tumblr.com/post/8343485440/reading-mp3-id3-tags-in-javascript).
* [Kevin Cennis' gist](https://gist.github.com/kevincennis/3928503) - that shows the way to remove central panned sound.
* [Happy by MMO](http://www.jamendo.com/en/track/1074874/happy) - it's a sample song I'm using for demo pourposes. It's free and legal for personal use.
Installation
--------------
Download it and open the `index.html` file. In order to play the demo song you need to start the code from a server, due to browser limitiations.
Browser support
--------------
* Chrome for Desktop
* Chrome Beta for Android. Open `chrome://flags/` and enable "Enable WebAudio Android -
Enabling this option allows web sites to access the WebAudio API."
Future improvements
-------------------
* Improve karaoke filter
* Advanced options to tweak the filter
* Play / pause controls
* Research lyrics integration
* Spotify Web Player integration?
Authors
--------------
I, [@jmperezperez](https://twitter.com/jmperezperez), just put everything in place. Without [@possan](https://twitter.com/possan)'s help on how to use the Web Audio API this would have been impossible. Big kudos to him!
License
-
MIT