cyp

CYP: Contrôlez votre joueur

CYP est un frontend basé sur le Web pour MPD, The Music Player Daemon. Vous pouvez l'utiliser pour contrôler la lecture sans avoir à installer les applications natives. Il fonctionne dans des navigateurs Web modernes, à la fois de bureau et mobiles.

Captures d'écran

Caractéristiques

• Contrôlez la lecture, la file d'attente, le volume
• Enregistrer et charger les listes de lecture
• Parcourez la bibliothèque par des artistes / albums / répertoires
• Afficher l'art de l'album via des appels MPD natifs (pas besoin d'accéder à la bibliothèque; nécessite MPD> = 0,21)
• Intégration YouTube-DL
• Thèmes sombres / clairs

Installation

Assurez-vous que vous avez une configuration MPD fonctionnelle en premier et la version nœud> = 10

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

Pointez votre navigateur sur http: // localhost: 8080 pour ouvrir l'interface. La spécification d'une adresse MPD personnalisée peut être effectuée:

1. en utilisant des variables d'environnement MPD_HOST et MPD_PORT , ou
2. via un argument de requête server ( ?server=localhost:6655 ).

Instalation - Docker

Alternativement, vous pouvez utiliser Docker pour exécuter CYP.

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

Installation - Apache Proxypass

Si vous souhaitez exécuter CYP en tant que service et le proxy via APACHE2, vous devrez activer plusieurs modules.

 # a2enmod proxy
# a2enmod proxy_http
# a2enmod proxy_wstunnel
# a2enmod proxypass

Pour présenter le CYP dans un dossier virutal nommé "Music" (https://example.com/music/), ajoutez ce qui suit à la configuration de votre site.

 # MPD daemon
RewriteEngine on						# Enable the RewriteEngine
RewriteCond %{REQUEST_FILENAME} !-f		# If the requested file isn't a file
RewriteCond %{REQUEST_FILENAME} !-d		# And if it isn't a directory
RewriteCond %{REQUEST_URI} .*/music$	# And if they only requested /music instead of /music/
RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [QSA,L,R=301] # Then append a trailing slash

ProxyPass /music/ http://localhost:3366/	# Proxy all request to /music/ to the CYP server (running on the same server as apache)
ProxyWebsocketFallbackToProxyHttp Off		# Don't fallback to http for WebSocket requests

# Rewrite WebSocket requests to CYP WebSocket requets, (also converts wss to ws)
RewriteEngine on
RewriteCond %{HTTP:Upgrade} websocket [NC]
RewriteCond %{HTTP:Connection} upgrade [NC]
RewriteRule ^/music/?(.*) "ws://localhost:3366/$1" [P,L]

Installation - Nginx

 location /music/ {
  proxy_pass_header  Set-Cookie;
  proxy_set_header   Host               $host;
  proxy_set_header   X-Real-IP          $remote_addr;
  proxy_set_header   X-Forwarded-Proto  $scheme;
  proxy_set_header   X-Forwarded-For    $proxy_add_x_forwarded_for;
  proxy_http_version 1.1;
  proxy_set_header Upgrade $http_upgrade;
  proxy_set_header Connection "Upgrade";
  proxy_set_header Host $host;
  proxy_pass http://localhost:8080/;
}

Intégration YouTube-DL

Vous aurez besoin d'une installation YouTube-DL fonctionnelle. Les fichiers audio sont téléchargés dans le répertoire _youtube , alors assurez-vous qu'il est disponible pour votre bibliothèque MPD (utilisez un lien de symbolique).

Si vous utilisez Docker, vous devez monter le répertoire _youtube dans l'image:

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

Changer le port

... se fait via la variable d'environnement PORT . Si vous utilisez Docker, le commutateur -e fait l'affaire:

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

MPD protégé par mot de passe

Créez un fichier passwords.json dans le répertoire Home CYPS. Spécifiez les mots de passe pour les serveurs MPD disponibles:

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

Assurez-vous que les noms d'hôtes et les ports correspondent à ceux spécifiés via l'argument de la question server (par défaut à localhost:6600 ).

Technologie

• Manuscrit
• Connecté à MPD via WebSockets (en utilisant le pont WS2MPD)
• Accès basé sur les jetons au point de terminaison WebSocket (mieux qu'un chèque Origin )
• Écrit à l'aide d'éléments personnalisés
• Disposition réactive via Flexbox
• Propriétés personnalisées CSS
• Icônes SVG (conception de matériaux)
• Peut spawn youtube-dl pour rechercher / télécharger des fichiers audio
• L'art de l'album récupéré directement de MPD (et mis en cache via localstorage)