Airsonic VS react-music-player

Hi there, I'm trying to install Airsonic and I stumbled upon this topic here: https://github.com/airsonic/airsonic/issues/1128

https://github.com/airsonic/airsonic is a Java-based web interface, which would require some form of hosting to setup.

Currently, I have Booksonic installed via docker using LinuxServer. Current version " Version2201.1.0 – January 13, 2022, based on Airsonic 8b28366"

Sonos integration was never properly merged into vanilla Airsonic. The existing implementation in vanilla Airsonic is broken. Development seems to have ceased on vanilla Airsonic anyway so no hopes to get integration working. Here is the (still open!) PR for Sonos on vanilla Airsonic that was never merged: https://github.com/airsonic/airsonic/pull/1738

Yeah, I made a PR with a fix for this over a month ago and it has been ignored: https://github.com/airsonic/airsonic/pull/1879

[ { "Id": "cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941", "Created": "2021-06-05T23:51:04.394689065Z", "Path": "/init", "Args": [], "State": { "Status": "running", "Running": true, "Paused": false, "Restarting": false, "OOMKilled": false, "Dead": false, "Pid": 559, "ExitCode": 0, "Error": "", "StartedAt": "2021-06-06T00:20:01.92620667Z", "FinishedAt": "2021-06-06T00:14:40.554360938Z" }, "Image": "sha256:96c0504ae4bad42aa208a4885c1910ad245dd5d95404c668cc586f1d7c3cf8c8", "ResolvConfPath": "/var/lib/docker/containers/cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941/resolv.conf", "HostnamePath": "/var/lib/docker/containers/cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941/hostname", "HostsPath": "/var/lib/docker/containers/cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941/hosts", "LogPath": "/var/lib/docker/containers/cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941/cc23a1b38cbdd34d60a2159383b322f7e6b03e155b70f769e626f577063cf941-json.log", "Name": "/airsonic", "RestartCount": 0, "Driver": "btrfs", "Platform": "linux", "MountLabel": "", "ProcessLabel": "", "AppArmorProfile": "", "ExecIDs": null, "HostConfig": { "Binds": [ "/mnt/user/appdata/airsonic:/config:rw", "/media:/music:rw", "/media:/playlists:rw", "/media:/podcasts:rw", "/media:/media:rw" ], "ContainerIDFile": "", "LogConfig": { "Type": "json-file", "Config": {} }, "NetworkMode": "bridge", "PortBindings": { "4040/tcp": [ { "HostIp": "", "HostPort": "4040" } ] }, "RestartPolicy": { "Name": "no", "MaximumRetryCount": 0 }, "AutoRemove": false, "VolumeDriver": "", "VolumesFrom": null, "CapAdd": null, "CapDrop": null, "CgroupnsMode": "host", "Dns": [], "DnsOptions": [], "DnsSearch": [], "ExtraHosts": null, "GroupAdd": null, "IpcMode": "private", "Cgroup": "", "Links": null, "OomScoreAdj": 0, "PidMode": "", "Privileged": false, "PublishAllPorts": false, "ReadonlyRootfs": false, "SecurityOpt": null, "UTSMode": "", "UsernsMode": "", "ShmSize": 67108864, "Runtime": "runc", "ConsoleSize": [ 0, 0 ], "Isolation": "", "CpuShares": 0, "Memory": 0, "NanoCpus": 0, "CgroupParent": "", "BlkioWeight": 0, "BlkioWeightDevice": [], "BlkioDeviceReadBps": null, "BlkioDeviceWriteBps": null, "BlkioDeviceReadIOps": null, "BlkioDeviceWriteIOps": null, "CpuPeriod": 0, "CpuQuota": 0, "CpuRealtimePeriod": 0, "CpuRealtimeRuntime": 0, "CpusetCpus": "", "CpusetMems": "", "Devices": [], "DeviceCgroupRules": null, "DeviceRequests": null, "KernelMemory": 0, "KernelMemoryTCP": 0, "MemoryReservation": 0, "MemorySwap": 0, "MemorySwappiness": null, "OomKillDisable": false, "PidsLimit": null, "Ulimits": null, "CpuCount": 0, "CpuPercent": 0, "IOMaximumIOps": 0, "IOMaximumBandwidth": 0, "MaskedPaths": [ "/proc/asound", "/proc/acpi", "/proc/kcore", "/proc/keys", "/proc/latency_stats", "/proc/timer_list", "/proc/timer_stats", "/proc/sched_debug", "/proc/scsi", "/sys/firmware" ], "ReadonlyPaths": [ "/proc/bus", "/proc/fs", "/proc/irq", "/proc/sys", "/proc/sysrq-trigger" ] }, "GraphDriver": { "Data": null, "Name": "btrfs" }, "Mounts": [ { "Type": "bind", "Source": "/mnt/user/appdata/airsonic", "Destination": "/config", "Mode": "rw", "RW": true, "Propagation": "rprivate" }, { "Type": "bind", "Source": "/media", "Destination": "/music", "Mode": "rw", "RW": true, "Propagation": "rprivate" }, { "Type": "bind", "Source": "/media", "Destination": "/playlists", "Mode": "rw", "RW": true, "Propagation": "rprivate" }, { "Type": "bind", "Source": "/media", "Destination": "/podcasts", "Mode": "rw", "RW": true, "Propagation": "rprivate" }, { "Type": "bind", "Source": "/media", "Destination": "/media", "Mode": "rw", "RW": true, "Propagation": "rprivate" } ], "Config": { "Hostname": "cc23a1b38cbd", "Domainname": "", "User": "", "AttachStdin": false, "AttachStdout": false, "AttachStderr": false, "ExposedPorts": { "4040/tcp": {} }, "Tty": false, "OpenStdin": false, "StdinOnce": false, "Env": [ "TZ=Europe/London", "HOST_OS=Unraid", "PUID=99", "PGID=100", "CONTEXT_PATH=airsonic", "JAVA_OPTS=-Xms256m -Xmx512m", "PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin", "HOME=/root", "LANGUAGE=en_US.UTF-8", "LANG=C.UTF-8", "TERM=xterm", "AIRSONIC_HOME=/app/airsonic", "AIRSONIC_SETTINGS=/config" ], "Cmd": null, "Image": "linuxserver/airsonic", "Volumes": { "/config": {}, "/media": {}, "/music": {}, "/playlists": {}, "/podcasts": {} }, "WorkingDir": "", "Entrypoint": [ "/init" ], "OnBuild": null, "Labels": { "build_version": "Linuxserver.io version:- v10.6.2-ls110 Build-date:- 2021-06-03T05:10:21+00:00", "maintainer": "sparklyballs", "org.opencontainers.image.authors": "linuxserver.io", "org.opencontainers.image.created": "2021-06-03T05:10:21+00:00", "org.opencontainers.image.description": "[Airsonic](https://github.com/airsonic/airsonic) is a free, web-based media streamer, providing ubiquitious access to your music. Use it to share your music with friends, or to listen to your own music while at work. You can stream to multiple players simultaneously, for instance to one player in your kitchen and another in your living room.", "org.opencontainers.image.documentation": "https://docs.linuxserver.io/images/docker-airsonic", "org.opencontainers.image.licenses": "GPL-3.0-only", "org.opencontainers.image.ref.name": "5dc971c560045add19075f29a200305fe40e52eb", "org.opencontainers.image.revision": "5dc971c560045add19075f29a200305fe40e52eb", "org.opencontainers.image.source": "https://github.com/linuxserver/docker-airsonic", "org.opencontainers.image.title": "Airsonic", "org.opencontainers.image.vendor": "linuxserver.io", "org.opencontainers.image.version": "v10.6.2-ls110" } }, "NetworkSettings": { "Bridge": "", "SandboxID": "8cbc2c6537670c5925d7960980c556eff6502d8b835d767d3c7b225ed6dc720f", "HairpinMode": false, "LinkLocalIPv6Address": "", "LinkLocalIPv6PrefixLen": 0, "Ports": { "4040/tcp": [ { "HostIp": "0.0.0.0", "HostPort": "4040" } ] }, "SandboxKey": "/var/run/docker/netns/8cbc2c653767", "SecondaryIPAddresses": null, "SecondaryIPv6Addresses": null, "EndpointID": "221cc83f0691d756e59299d92574de3e41ce428a042f1427223e9f1a58251803", l } } } }

https://airsonic.github.io/ it's a media streaming service like Plex for music.

Navidrome uses this web player component and unfortunately it only supports synced lyrics (those with timestamps, karaoke-style) so for now unsynced lyrics can't be displayed in the web player.

Volume normalization (Replaygain) is currently not supported in the web player that Navidrome uses: https://github.com/lijinke666/react-music-player/issues/299

You can have a look at /r/Navidrome, it uses this HTML5 music player for the WebUI, you might be able to reuse the HTML/JS code for your website.

I don't know of any web or windows client that supports it. It is in my backlog to contribute to the upstream Music Player project, so Navidrome's Web UI would support it.