GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ashinzekene → react-music-player

ashinzekene / react-music-player

Licence: MIT License
🎵 player local songs on the browser

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects
shell
77523 projects

Labels

reactplayermusic-playerfile-api

Projects that are alternatives of or similar to react-music-player

audioStreamDemo
A music player created in swift using AVPlayer to stream audio from server.
Stars: ✭ 33 (-71.3%)
Mutual labels:  player, music-player
mpz
Music player for big local collections
Stars: ✭ 50 (-56.52%)
Mutual labels:  player, music-player
pushtape-player.js
Customizable JS audio page player with global playback controls and autoscan (mutationobserver), built on Soundmanager2.
Stars: ✭ 27 (-76.52%)
Mutual labels:  player, music-player
MusicPlayer
A Telegram Music Bot written in Python using Pyrogram and Py-Tgcalls. This is Also The Source Code of The UserBot Which is Playing Music in @S1-BOTS Support Group ❤️
Stars: ✭ 218 (+89.57%)
Mutual labels:  player, music-player
Meaga
一个由Electron和Vue联合打造的本地音乐播放器
Stars: ✭ 36 (-68.7%)
Mutual labels:  player, music-player
musique
C'est très élégant
Stars: ✭ 91 (-20.87%)
Mutual labels:  player, music-player
react-aplayer
🍭 A React wrapper component of APlayer
Stars: ✭ 25 (-78.26%)
Mutual labels:  player, music-player
PlayPiano
Implement and simulate piano on web page.
Stars: ✭ 16 (-86.09%)
Mutual labels:  player, music-player
soube
Music player based on electronjs
Stars: ✭ 32 (-72.17%)
Mutual labels:  player, music-player
deplayer
Decentralized mediaplayer which runs entirely in the browser.
Stars: ✭ 14 (-87.83%)
Mutual labels:  player, music-player
TonUINO
Alternative TonUINO Firmware
Stars: ✭ 112 (-2.61%)
Mutual labels:  player, music-player
amplyfm
A free and open-source web app for streaming music.
Stars: ✭ 46 (-60%)
Mutual labels:  player, music-player
drop
A LÖVE visualizer and music player
Stars: ✭ 17 (-85.22%)
Mutual labels:  player, music-player
ArgPlayer
An android music player library
Stars: ✭ 52 (-54.78%)
Mutual labels:  player, music-player
vue-music-player
🎵 basic music player, keeps your favorite musics
Stars: ✭ 77 (-33.04%)
Mutual labels:  player, music-player
angular-youtube-player
Simple youtube player created with angular and typescript. See demo.
Stars: ✭ 35 (-69.57%)
Mutual labels:  player, music-player
Swift Radio Pro
Professional Radio Station App for iOS!
Stars: ✭ 2,644 (+2199.13%)
Mutual labels:  player, music-player
minimal-player
This is a minimal, clean audio/music/mp3 player with spinning cover images, built with jQuery, TweenMax.js and SVG images.
Stars: ✭ 48 (-58.26%)
Mutual labels:  player, music-player
simple-cloud-music
简洁的的第三方网易云音乐播放器
Stars: ✭ 306 (+166.09%)
Mutual labels:  player, music-player
LabMidi
Midi IN and OUT. Standard midi file parser and player. Midi Softsynth implementation.
Stars: ✭ 38 (-66.96%)
Mutual labels:  player, music-player
View All Similar Projects ➔

MUSIC PLAYER

Build Status

A react music player PWA that plays local files using the Files API

CHECK OUT THE WEB APP

React music player 1

React music player 2

React music player 3

React music player 4

CONTRIBUTING

Feel free to contribute to the repo. Make sure you configure eslint, or run lint before submitting pull requests

TECH STACK

  • React
  • Redux

Features

  1. Play/Pause
  2. Repeat Options
  3. Progress Bar
  4. Drag and Drop - Thanks to @CliffReimers
  5. Keyborad Controls - Thanks to @Spring3

TODO LIST

  1. Play Next Automatically ✅
  2. Controls - Next, Previous, Progress Bar ✅
  3. Saving Songs(localStroage) ✅
  4. UI ✅
  5. A Page for currently playing song ✅
  6. Host on GitHub ✅
  7. Repeat ✅
  8. Seek progressbar on nowPlayingPage ✅
  9. Let playing song show as playing
  10. Add Icons to sidebar
  11. Show Time
  12. Use the MediaAPI
  13. Fix linting
  14. Shuffle
  15. Search
  16. Playlists

BUGS

  1. Pauses on state change ✅

Was due to the fact the audio element was in a child component which unmounts was resolved by moving the audio element to a component that does not unmount

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].