All Projects β†’ ondras β†’ Cyp

ondras / Cyp

Licence: mit
Control Your Player: a Web-based MPD client

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Cyp

Kamekazi
Self destructing messages
Stars: ✭ 21 (-68.66%)
Mutual labels:  web-app
Midiflip
🎹 MIDI music mayhem - flip, transpose, and arbitrarily remap pitches in MIDI files
Stars: ✭ 33 (-50.75%)
Mutual labels:  web-app
Scalajs Bootstrap
Scala.js bootstrap components
Stars: ✭ 55 (-17.91%)
Mutual labels:  web-app
Wasp
A programming language that understands what a web app is.
Stars: ✭ 940 (+1302.99%)
Mutual labels:  web-app
Tp Link Smart Switch Web Client
Creating a web client for the tp-link series of smart switches (HS-100, HS-110, etc).
Stars: ✭ 31 (-53.73%)
Mutual labels:  web-app
Indexview
Widget to graph historical stock indexes and compute stats.
Stars: ✭ 35 (-47.76%)
Mutual labels:  web-app
Mcw Securing Paas
MCW Securing PaaS
Stars: ✭ 20 (-70.15%)
Mutual labels:  web-app
Theorytracker
🎼 HTML5/WebAudio multi-track functional harmony analysis and songwriting app! -- https://hlorenzi.github.io/theorytracker/
Stars: ✭ 62 (-7.46%)
Mutual labels:  web-app
Alumna
[Alpha release of v3] Development platform for humans / Plataforma de desenvolvimento para humanos
Stars: ✭ 32 (-52.24%)
Mutual labels:  web-app
Kaichronicles
Lone Wolf game books player
Stars: ✭ 52 (-22.39%)
Mutual labels:  web-app
Report webapp
vuejs ζž„ε»Ίζ–°η”ŸζŠ₯到移动web前端
Stars: ✭ 28 (-58.21%)
Mutual labels:  web-app
Node Scalable Blob Store
A file system blob store that is designed to prevent conflicts when used with a distributed file system or storage area network
Stars: ✭ 31 (-53.73%)
Mutual labels:  web-app
Pcwt
Stars: ✭ 46 (-31.34%)
Mutual labels:  web-app
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✭ 38,986 (+58088.06%)
Mutual labels:  web-app
Prestashop
Free PWA & SPA for PrestaShop
Stars: ✭ 59 (-11.94%)
Mutual labels:  web-app
Ph2date
πŸ’• Powerful & lightweight PHP Dating Script built with CodeIgniter 2.X and Bootstrap + jQuery πŸ’–
Stars: ✭ 20 (-70.15%)
Mutual labels:  web-app
Musicode
🎢 Markup language for music creation and analysis! -- https://hlorenzi.github.io/musicode/
Stars: ✭ 34 (-49.25%)
Mutual labels:  web-app
Nativescript Ionic Template
πŸ“± πŸ–₯ Create Mobile First apps, Web and Native sharing the code with Angular πŸŽ‰
Stars: ✭ 65 (-2.99%)
Mutual labels:  web-app
Critiquebrainz
Repository for Creative Commons licensed reviews
Stars: ✭ 59 (-11.94%)
Mutual labels:  web-app
Mopaint
🎨πŸ’ͺ Modern, modular paint and more! (pre-alpha, not much done yet)
Stars: ✭ 50 (-25.37%)
Mutual labels:  web-app

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 and Node version >= 10

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

Point your browser to http://localhost:8080 to open the interface. Specify a custom MPD address via a server querystring argument (?server=localhost:6655).

Instalation - Docker

Alternatively, you can use Docker to run CYP.

git clone https://github.com/ondras/cyp.git && cd cyp
docker build -t cyp .
docker run --network=host cyp

Youtube-dl integration

You will need a working youtube-dl installation. Audio files are downloaded into the _youtube directory, so make sure it is available to your MPD library (use a symlink).

If you use Docker, you need to mount the _youtube directory into the image:

docker run --network=host -v "$(pwd)"/_youtube:/cyp/_youtube cyp

Changing the port

...is done via the PORT environment variable. If you use Docker, the -e switch does the trick:

docker run --network=host -e PORT=12345 cyp

Password-protected MPD

Create a passwords.json file in CYPs home directory. Specify passwords for available MPD servers:

{
  "localhost:6600": "my-pass-1",
  "some.other.server.or.ip:12345": "my-pass-2
}

Make sure that hostnames and ports match those specified via the server querystring argument (defaults to localhost:6600).

Technology

  • Connected to MPD via WebSockets (using the ws2mpd bridge)
  • Token-based access to the WebSocket endpoint (better than an Origin check)
  • Written using Custom Elements
  • Responsive layout via Flexbox
  • CSS Custom Properties
  • SVG icons (Material Design)
  • Can spawn Youtube-dl to search/download audio files
  • Album art retrieved directly from MPD (and cached via localStorage)
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].