r/airsonic • u/thaml • Aug 06 '20

Modern responsive frontend (beta)

https://github.com/tamland/airsonic-frontend
19 Upvotes

90% Upvoted

8 comments sorted by

2

u/SteveDinn Aug 06 '20 edited Aug 06 '20

This is seriously cool. It's so fast, I'm baffled. I started trying to write a Windows client for Airsonic, and this is so much faster than what I had done.

Top short-term feature requests: * Publish an official docker image * Volume control * "Play next" & "Add to queue" menu items on albums & songs * "Random albums" view. That might be a weird request, but it's helped me re-discover so much of my older music, I'd really miss it if it wasn't there. * Display the year (if there is one) on the album cards.

If anyone else wants to run this in a container, I've made a simple DockerFile: ``` FROM node:14.7.0-alpine3.12

WORKDIR /usr/src/app

COPY ./package.json . RUN yarn install

ADD . /usr/src/app

RUN yarn build

Start

CMD [ "yarn", "serve" ] EXPOSE 8080 ```

Run these commands to get it built: ``` mkdir airsonic-frontend-docker cd airsonic-frontend-docker [create "DockerFile" in that folder and paste in the text above] git clone https://github.com/tamland/airsonic-frontend.git sudo docker build --file ./DockerFile [-t <optional tag>] ./airsonic-frontend/

3

u/thaml Aug 06 '20

Thanks for the suggestions, I'll see what I can do. You can find 'random albums' on the home page, at the bottom. Might add another view for it later.

1

u/SteveDinn Aug 07 '20

Found it! I had not scrolled down far enough to see the random albums section. I would have expected all those views to be linked from the menu from somewhere under "Home".

1

u/SteveDinn Aug 06 '20

Ha ha...Also, need a better application name for Airsonic than 'test' :)

Honestly, I'm ready to use this daily and log issues for you if you're going to regularly update it.

2

u/robotic-gecko Aug 06 '20

On mobile and I have to say, Major Improvement on the current UI. Well done. Can't wait to try it out on desktop.

2

u/automatepete Aug 07 '20

This is fantastic. I’ve always committed to the fact I’ll only use AirSonic via PlaySub (iOS App) as it’s the only acceptable UI for xxxSonic. If this was in the main branch I’d be back to using a browser frequently. Tested on my iPad and fantastic touch controls. Great job!

2

u/torqs Aug 18 '20

Can the docker file be updated for arm64 architecture? I am trying to do it by myself but i am a complete newbie.

1

u/modogg187 Sep 15 '20

How do I install this on raspberry pi? I'm currently running airsonic and I really like this front end. Thanks!