cyp

CYP: Controla a tu jugador

CYP es un frontend basado en la web para MPD, el Daemon del reproductor de música. Puede usarlo para controlar la reproducción sin tener que instalar aplicaciones nativas. Funciona en navegadores web modernos, tanto de escritorio como móvil.

Capturas de pantalla

Características

• Controlar la reproducción, cola, volumen
• Guardar y cargar listas de reproducción
• Explorar la biblioteca por artistas/álbumes/directorios
• Exhibir la carátula del álbum a través de llamadas nativas de MPD (no es necesario acceder a la biblioteca; requiere MPD> = 0.21)
• Integración de YouTube-DL
• Temas oscuros/claros

Instalación

Asegúrese de tener una configuración de MPD en funcionamiento primero y la versión de nodo> = 10

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

Apunte su navegador a http: // localhost: 8080 para abrir la interfaz. Se puede hacer una especificación de una dirección MPD personalizada:

1. Uso de variables de entorno MPD_HOST y MPD_PORT , o
2. a través de un argumento de consulta de server ( ?server=localhost:6655 ).

Instalación - Docker

Alternativamente, puede usar Docker para ejecutar CYP.

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

Instalación - Apache ProxyPass

Si desea ejecutar CYP como servicio y proxy a través de Apache2, deberá habilitar varios módulos.

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

Presentar CYP en una carpeta virutal llamada "Música" (https://example.com/music/) Agregue lo siguiente a la configuración de su sitio.

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

Instalación - 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/;
}

Integración de YouTube-DL

Necesitará una instalación de YouTube-DL en funcionamiento. Los archivos de audio se descargan en el directorio _youtube , así que asegúrese de que esté disponible para su biblioteca MPD (use un enlace simbólico).

Si usa Docker, debe montar el directorio _youtube en la imagen:

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

Cambiar el puerto

... se realiza a través de la variable de entorno PORT . Si usa Docker, el interruptor -e hace el truco:

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

MPD protegido con contraseña

Cree un archivo de passwords.json en el directorio de inicio CYPS. Especificar contraseñas para los servidores MPD disponibles:

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

Asegúrese de que los nombres de host y los puertos coincidan con los especificados a través del argumento de consulta server (el valor predeterminado a localhost:6600 ).

Tecnología

• Mecanografiado
• Conectado a MPD a través de WebSockets (usando el puente WS2MPD)
• Acceso basado en el token al punto final de WebSocket (mejor que una verificación Origin )
• Escrito usando elementos personalizados
• Diseño receptivo a través de Flexbox
• Propiedades personalizadas de CSS
• Iconos SVG (diseño de material)
• Puede generar youtube-dl para buscar/descargar archivos de audio
• Cálculo de álbum recuperado directamente de MPD (y almacenado en caché a través de LocalStorage)