cyp

CYP: ควบคุมผู้เล่นของคุณ

CYP เป็นส่วนหน้าบนเว็บสำหรับ MPD, Daemon Player Music Player คุณสามารถใช้เพื่อควบคุมการเล่นโดยไม่ต้องติดตั้งแอปพลิเคชันดั้งเดิม มันใช้งานได้ในเว็บเบราว์เซอร์ที่ทันสมัยทั้งเดสก์ท็อปและมือถือ

ภาพหน้าจอ

คุณสมบัติ

• ควบคุมการเล่นคิวระดับเสียง
• บันทึกและโหลดเพลย์ลิสต์
• เรียกดูห้องสมุดโดยศิลปิน/อัลบั้ม/ไดเรกทอรี
• แสดงศิลปะอัลบั้มผ่านการโทร MPD ดั้งเดิม (ไม่จำเป็นต้องเข้าถึงห้องสมุด; ต้องใช้ MPD> = 0.21)
• การรวม YouTube-DL
• ธีมมืด/แสง

การติดตั้ง

ตรวจสอบให้แน่ใจว่าคุณมีการตั้งค่า MPD ที่ใช้งานได้ก่อนและเวอร์ชันโหนด> = 10

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

ชี้เบราว์เซอร์ของคุณไปที่ http: // localhost: 8080 เพื่อเปิดอินเทอร์เฟซ การระบุที่อยู่ MPD ที่กำหนดเองสามารถทำได้:

1. การใช้ตัวแปรสภาพแวดล้อม MPD_HOST และ MPD_PORT หรือ
2. ผ่านอาร์กิวเมนต์ server QueryString ( ?server=localhost:6655 )

Instalation - Docker

หรือคุณสามารถใช้ Docker เพื่อเรียกใช้ CYP

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

การติดตั้ง - Apache Proxypass

หากคุณต้องการเรียกใช้ CYP เป็นบริการและพร็อกซีผ่าน Apache2 คุณจะต้องเปิดใช้งานหลายโมดูล

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

เพื่อนำเสนอ CYP ในโฟลเดอร์ Virutal ชื่อ "Music" (https://example.com/music/) เพิ่มสิ่งต่อไปนี้ในการกำหนดค่าไซต์ของคุณ

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

การติดตั้ง - 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/;
}

การรวม YouTube-DL

คุณจะต้องมีการติดตั้ง YouTube-DL ที่ใช้งานได้ ไฟล์เสียงจะถูกดาวน์โหลดลงในไดเรกทอรี _youtube ดังนั้นตรวจสอบให้แน่ใจว่าพร้อมใช้งานสำหรับไลบรารี MPD ของคุณ (ใช้ symlink)

หากคุณใช้ Docker คุณจะต้องติดตั้งไดเรกทอรี _youtube ลงในภาพ:

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

การเปลี่ยนพอร์ต

... ทำผ่านตัวแปรสภาพแวดล้อม PORT หากคุณใช้ Docker สวิตช์ -e จะใช้เคล็ดลับ:

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

MPD ที่ป้องกันด้วยรหัสผ่าน

สร้างไฟล์ passwords.json ใน CYPS Home Directory ระบุรหัสผ่านสำหรับเซิร์ฟเวอร์ MPD ที่มีอยู่:

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

ตรวจสอบให้แน่ใจว่าชื่อโฮสต์และพอร์ตตรงกับที่ระบุผ่านอาร์กิวเมนต์ server QueryString (ค่าเริ่มต้นเป็น localhost:6600 )

เทคโนโลยี

• ตัวพิมพ์ใหญ่
• เชื่อมต่อกับ MPD ผ่าน WebSockets (ใช้สะพาน WS2MPD)
• การเข้าถึงจุดสิ้นสุดของ WebSocket ที่ใช้โทเค็น (ดีกว่าการตรวจสอบ Origin )
• เขียนโดยใช้ องค์ประกอบที่กำหนดเอง
• เค้าโครงตอบสนองผ่าน FlexBox
• คุณสมบัติที่กำหนดเอง CSS
• ไอคอน SVG (การออกแบบวัสดุ)
• สามารถวางไข่ youtube-dl เพื่อค้นหา/ดาวน์โหลดไฟล์เสียง
• อัลบั้มศิลปะดึงมาโดยตรงจาก MPD (และแคชผ่าน LocalStorage)