Jerry/cyp
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity
cyp for live.jerry.dn42 https://github.com/ondras/cyp
57 commits 3 branches 0 tags 923 KiB
JavaScript 87.9%
Less 6.7%
HTML 4%
Makefile 0.7%
Shell 0.5%
Other 0.2%
Find a file
Ondrej Zara c2c1488d1e range finalized
2019-04-30 09:42:16 +02:00
app range finalized 2019-04-30 09:42:16 +02:00
misc systemd absolute exec 2019-04-26 10:57:06 +02:00
.gitignore systemd service 2019-04-23 12:31:01 +02:00
index.js tickets 2019-04-15 15:13:38 +02:00
LICENSE.txt license 2019-04-16 14:03:57 +02:00
Makefile systemd fixes 2019-04-25 14:43:07 +02:00
package.json tickets 2019-04-15 15:13:38 +02:00
README.md systemd service 2019-04-23 12:31:01 +02:00

README.md

CYP: Control Your Player

CYP is a web-based frontend for MPD, the Music Player Daemon. You can use it to control the playback without having to install native application(s). It works in modern web browsers, both desktop and mobile.

Screenshots

Features

  • Control the playback, queue, volume
  • Save and load playlists
  • Browse the library by artists/albums/directories
  • Display album art via native MPD calls (no need to access the library; requires MPD >= 0.21)
  • Youtube-dl integration
  • Dark/Light themes

Installation

Make sure you have a working MPD setup first.

git clone https://github.com/ondras/cyp.git && cd cyp
npm i
node .

Point your browser to http://localhost:8080 to open the interface.

Technology

  • Connected to MPD via WebSockets (using the ws2mpd bridge)
  • Token-based access to the WebSocket endpoint (better than an Origin check)
  • Modern ES6+ (modules, async/await)
  • Responsive layout via Flexbox
  • CSS Custom Properties
  • SVG icons (Material Design)
  • Can spawn Youtube-dl to download audio files
  • Album art retrieved directly from MPD (and cached via localStorage)

TODO

  • Bundling
  • Range styling
  • Browser testing