All Projects → dvx → Lofi

dvx / Lofi

Licence: mit
🎵🔉 A mini Spotify player with WebGL visualizations.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Lofi

React Jplayer
Html5 audio and video player library for React
Stars: ✭ 128 (-78.04%)
Mutual labels:  media, audio-player
Monstercat Visualizer
A real time audio visualizer for Rainmeter similar to the ones used in the Monstercat videos.
Stars: ✭ 571 (-2.06%)
Mutual labels:  spotify, media
Freemp
Free Media Player (FreeMp)
Stars: ✭ 97 (-83.36%)
Mutual labels:  media, audio-player
Jcplayer
🎵 A simple audio player for Android applications.
Stars: ✭ 209 (-64.15%)
Mutual labels:  media, audio-player
DownOnSpot
🎵 A Spotify music and playlist downloader written in Rust which also works with a free Spotify account
Stars: ✭ 309 (-47%)
Mutual labels:  spotify, media
TonUINO
Alternative TonUINO Firmware
Stars: ✭ 112 (-80.79%)
Mutual labels:  media, audio-player
flex-originals
🎧 A video and audio streaming web application
Stars: ✭ 36 (-93.83%)
Mutual labels:  spotify, audio-player
Homehost
self-hosted, Netflix-like app made for streaming
Stars: ✭ 564 (-3.26%)
Mutual labels:  spotify, media
Vue Plyr
A Vue component for the plyr (https://github.com/sampotts/plyr) video & audio player.
Stars: ✭ 531 (-8.92%)
Mutual labels:  audio-player
Spotifyadblock
Protect your privacy by blocking all annoying Spotify ads & analytics in Linux, OSX and Windows with hosts file.
Stars: ✭ 540 (-7.38%)
Mutual labels:  spotify
Tau
Flutter plugin for sound. Audio recorder and player.
Stars: ✭ 527 (-9.61%)
Mutual labels:  audio-player
Autopiano
自由钢琴 🎹 AutoPiano ( https://www.autopiano.cn ) Simple & Elegant Piano Online
Stars: ✭ 5,117 (+777.7%)
Mutual labels:  audio-player
Clay Viewer
3D model viewer with high quality rendering and glTF2.0/GLB export
Stars: ✭ 558 (-4.29%)
Mutual labels:  webgl
Awesome Glsl
🎇 Compilation of the best resources to learn programming OpenGL Shaders
Stars: ✭ 530 (-9.09%)
Mutual labels:  webgl
React Player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Stars: ✭ 5,931 (+917.32%)
Mutual labels:  media
Pixi Filters
Collection of community-authored custom display filters for PixiJS
Stars: ✭ 524 (-10.12%)
Mutual labels:  webgl
Celluloid
A simple GTK+ frontend for mpv
Stars: ✭ 541 (-7.2%)
Mutual labels:  audio-player
Redditdownloader
Scrapes Reddit to download media of your choice.
Stars: ✭ 521 (-10.63%)
Mutual labels:  media
People You Should Follow On Codepen
People You Should Follow on CodePen
Stars: ✭ 542 (-7.03%)
Mutual labels:  webgl
Shadereditorextension
Google Chrome DevTools extension to live edit WebGL GLSL shaders
Stars: ✭ 539 (-7.55%)
Mutual labels:  webgl

Lofi: a tiny Spotify player

WebsiteFAQ

Lofi is a mini Spotify player with visualizations. It is not a replacement for the Spotify Desktop app, nor does it play music independently of the Spotify app; instead, Lofi works alongside it to provide a more intuitive and pleasant access to common features, including pausing/playing, and previous/next track. Lofi also displays cover art and track info stylishly and it facilitates WebGL-powered audio visualizations for both Windows and MacOS. In other words, it's a "tiny Spotify player" or a "mini mode" for the Spotify desktop app.

It is possible to make Lofi work with other audio sources (including YouTube and SoundCloud), and that might make it on the roadmap at some point.

Design goals

  • A small, 1:1 aspect ratio player depicting album art
  • An always-on-top "widget-like" app
  • Minimalist (no extraneous controls)
  • Multiple-screen capable
  • Windows and MacOS compatible
  • Visualization-ready (WebGL)
  • ≤ 100MB memory footprint

Building

To build, you'll need node-gyp, a compatible Python version (2.x), and your operating system's SDK (Microsoft Build Tools or Xcode). Linux native compilation is currently not supported. First, you'll need to run:

$ yarn install

If you have more than one Python installation on your system, you can prevent the build from failing by editing the package.json file in the root directory. Edit the build argument from

"build": "node-gyp rebuild --target=4.0.1 --arch=x64 --dist-url=https://atom.io/download/electron"

to

"build": "node-gyp rebuild --target=4.0.1 --arch=x64 --dist-url=https://atom.io/download/electron --python path/to/python27"

Now you can run yarn install again.

To build from scratch, run yarn run dist. Find the output in /dist.

$ yarn run dist

To develop, open up a Terminal and type:

$ yarn run build
$ yarn run development
$ yarn run start

Use yarn run production (instead of development) to start the front-end in non-interactive mode.

node-sass compatibility

You might need to change the node-sass version inside package.json to be compliant with your nodejs version or the node-gyp build might fail.

NodeJS Minimum node-sass version Node Module
Node 12 4.12+ 72
Node 11 4.10+ 67
Node 10 4.9+ 64
Node 8 4.5.3+ 57

Bugs, issues, and contributing

See something you don't like? Have a feature request? Is your computer on fire? Feel free to open an issue, make a pull request or join our Discord server. The more the merrier.

License

MIT.

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].