Skip to content

Latest commit

 

History

History
34 lines (28 loc) · 1.93 KB

README.md

File metadata and controls

34 lines (28 loc) · 1.93 KB
Raw

react.js-voice-audio-player

alt tag

A functional and lightweight react-redux audio player built on the top of the Soundcloud API. After the microphone button has been clicked you can use the player remotely. Just by using your voice.

Check out at https://abitlog.github.io/react.js-voice-audio-player

Some of advantages:

  1. Player does not require a server, except if you'd like to use a voice control
  2. Uses Soundcloud API to fetch the tracks
  3. Uses local storage API to save the tracks you marked as favorites
  4. Uses web audio API to perform spectrum visualization and filter frequencies
  5. You can switch tracks back and forth, repeat them, shuffle, search for new ones either manually or by your voice

The list of the voice commands:

"Switch" - toggles the track's playback

"Play next track" - plays the next track according to the current playing tab

"Play previous track" - plays the previous track according to the current playing tab

"Repeat track" - toggles the repeat switcher

"Search for" - search the track/author/whatever. So, a voice command "Search for Vivaldi" will search for some Vivaldi's music

"Play playlist" - starts playing the first track from the playlist

"Play favorites" - starts playing the first track from the favorites

"Shuffle" - shuffles the list according to the current tab

To run a local node server:

  1. clone the repo git clone https://github.com/abitlog/react.js-voice-audio-player.git && cd react.js-voice-audio-player
  2. npm install
  3. gulp v4 has to be installed locally and globally
    • npm rm -g gulp
    • npm install -g gulp-cli
    • npm install 'gulpjs/gulp.git#4.0' --save-dev
  4. run npm run dev to get the app started or set NODE_ENV=development& gulp dev for windows
  5. go to https://localhost:3000