https://github.com/cestef/web-player
Play your favorite songs in your browser ! Supports mp3, mp4, m4v, flac, mov and ogg
https://github.com/cestef/web-player
Last synced: about 1 year ago
JSON representation
Play your favorite songs in your browser ! Supports mp3, mp4, m4v, flac, mov and ogg
- Host: GitHub
- URL: https://github.com/cestef/web-player
- Owner: cestef
- Created: 2021-08-19T11:21:55.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-25T10:02:29.000Z (almost 5 years ago)
- Last Synced: 2025-02-23T05:28:02.255Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://player.cstef.dev
- Size: 415 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web-Player
This is just a random quick project I made during vacations because I had no internet for almost a week
The webapp is clearly not optimized, please do not yell at me for declaring 32 states in a row and re-rendering every 2ms ':)
Made with React using jsmediatags to extract files tags and native JS's Audio API
## Starting the app
If you want to run the app locally, execute the following:
```
npm install
npm start
```
## Live Demo
If you are too lazy to run it locally or just want to see how it looks first, there is a demo available at [player.cstef.dev](https://player.cstef.dev)
## Common Problems
### "Cannot find module: 'react-native-fs'. Make sure this package is installed."
This is a problem related to `jsmediatags` package. You need to edit the `main` and `browser` fields in the `package.json` from the module and set them both to `dist/jsmediatags.min.js`
### "Module '"jsmediatags"' has no exported member 'Tags'."
Make sure the `postinstall` script has been ran. If not, execute it manually by running `npm run postinstall` or if the world is about to end soon and nothing is working: `patch-package` (if doing so, make sure to install it first with `npm i -g patch-package`)
## Contributing
Pull requests are welcome, I will review them as quick as possible