⭐⭐⭐⭐⭐
A minimal music Lofi-Player with Youtube Data v3 API, Iframe API and a loot of JavaScript
Enjoy clicking here
If you have ideas to share, bugs to report or need support, you can either open an issue or join our Discord server.
Its a simple and minimalist Player with Lofi music style, builded with HTML, CSS and JavaScript, using Youtube Data API v3 for fetch Playlist videos count, Youtube Iframe API to render music as background. Parcel is a choosed Module Bundler because it's simple, perfect for this project.
Note, dont forget to create a .env file with your Google API Credentials in Google Developers Console and active the Youtube Data API v3 in API Libraries.
git clone https://github.com/alexrintt/lofi-player.git
cd lofi-player
yarn install
npm install
yarn dev
npm run dev
yarn pre-build
npm run pre-build
Just push everything to a repository of yours. .github folder contains an action will automatically build and publish to the GitHub pages.
Remeber to set GOOGLE_API_KEY in your repository Settings > Secrets > Actions > New repository secret and set with the value your previous generated on the first step (Generate Google Developer Console credentials).
All these amazing gifs and images that are used as a background are from this project and its repository and they have a store in which sell these gifs.
 Emmanuel |
 Alex Rintt |
Copyright © 2020-present, Alex Rintt.
Lofi Player is MIT licensed 💖