LaksCastro / Lofi Player
Licence: mit
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38
Programming Languages
javascript
184084 projects - #8 most used programming language
js
455 projects
Projects that are alternatives of or similar to Lofi Player
soube
Music player based on electronjs
Stars: ✭ 32 (-15.79%)
Mutual labels: player, music-player, songs, sound
Swift Radio Pro
Professional Radio Station App for iOS!
Stars: ✭ 2,644 (+6857.89%)
Mutual labels: music, player, music-player, sound
Pandoraplayer
🅿️ PandoraPlayer is a lightweight music player for iOS, based on AudioKit and completely written in Swift.
Stars: ✭ 1,037 (+2628.95%)
Mutual labels: music, player, music-player, sound
Webaudiofont
Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
Stars: ✭ 600 (+1478.95%)
Mutual labels: music, player, music-player, sound
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (+144.74%)
Mutual labels: music, player, music-player, html5
angular-youtube-player
Simple youtube player created with angular and typescript. See demo.
Stars: ✭ 35 (-7.89%)
Mutual labels: player, music-player, css3
Theme Ad
🔨 Art design theme for write and show.
Stars: ✭ 262 (+589.47%)
Mutual labels: scss, html5, css3
Openwhyd
💎 Like Pinterest, for Music
Stars: ✭ 287 (+655.26%)
Mutual labels: music, player, music-player
Music Player
From UI Proposal to Code 🎶▶️
Stars: ✭ 3,459 (+9002.63%)
Mutual labels: music, player, music-player
Nighthawk
A stealthy, simple, unobtrusive music player that stays out of your way
Stars: ✭ 197 (+418.42%)
Mutual labels: music, player, music-player
Simple Music Player
Simple Music Player - SimpleMP - Keeps it simple and plays your music
Stars: ✭ 298 (+684.21%)
Mutual labels: music, player, music-player
Playpauseview
Let the play and pause button transition gracefully
Stars: ✭ 383 (+907.89%)
Mutual labels: music, player, music-player
vue-music-player
🎵 basic music player, keeps your favorite musics
Stars: ✭ 77 (+102.63%)
Mutual labels: player, music-player, songs
PlayPiano
Implement and simulate piano on web page.
Stars: ✭ 16 (-57.89%)
Mutual labels: player, music-player, css3
Romplayer
AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player
Stars: ✭ 445 (+1071.05%)
Mutual labels: music, player, sound
Tauonmusicbox
The Linux desktop music player from the future! 🌆
Stars: ✭ 494 (+1200%)
Mutual labels: music, player, music-player
React Music Player
🎵 Maybe the best beautiful HTML5 responsive player component for react :)
Stars: ✭ 321 (+744.74%)
Mutual labels: music, player, html5
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+1818.42%)
Mutual labels: scss, html5, css3
Html Midi Player
🎹 Play and display MIDI files on the web
Stars: ✭ 158 (+315.79%)
Mutual labels: music, player, music-player
⭐⭐⭐⭐⭐
Lofi Player
A minimal music Lofi-Player with Youtube Data v3 API, Iframe API and a loot of JavaScript
Live On
Enjoy clicking here
What is it?
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 he is very simple, perfect for this project.
How to clone 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.
- To clone this repo
git clone https://github.com/LaksCastro/lofi-player.git
- To change path
cd lofi-player
- To install dependencies
yarn install
npm install
- To run development server
yarn dev
npm run dev
- To create static files
yarn pre-build
npm run pre-build
- To deploy to github pages
yarn build
npm run build
8BitDash
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.
Creators
 Emmanuel |
 Laks Castro |
Open Source
Copyright © 2020-present, Laks Castro.
Lofi Player is MIT licensed 💖
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].