Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/tamland/airsonic-refix

Modern web UI for Subsonic compatible servers
https://github.com/tamland/airsonic-refix

airsonic audio audio-player audio-streaming music music-player music-streaming navidrome opensubsonic self-hosted streaming subsonic subsonic-client ui vue

Last synced: 7 days ago
JSON representation

Modern web UI for Subsonic compatible servers

Host: GitHub
URL: https://github.com/tamland/airsonic-refix
Owner: tamland
License: agpl-3.0
Created: 2020-07-27T08:19:40.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2024-05-08T17:03:29.000Z (about 2 months ago)
Last Synced: 2024-05-16T23:24:24.484Z (about 1 month ago)
Topics: airsonic, audio, audio-player, audio-streaming, music, music-player, music-streaming, navidrome, opensubsonic, self-hosted, streaming, subsonic, subsonic-client, ui, vue
Language: Vue
Homepage:
Size: 13.8 MB
Stars: 266
Watchers: 8
Forks: 40
Open Issues: 34
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

project-awesome - tamland/airsonic-refix - Modern web UI for Subsonic compatible servers (Vue)
awesome-starred - tamland/airsonic-refix - Modern web UI for Subsonic compatible servers (vue)

README

        # Airsonic (refix) UI

[![Build](https://img.shields.io/github/actions/workflow/status/tamland/airsonic-refix/ci.yml?style=flat-square)](https://github.com/tamland/airsonic-refix/actions)

[![Docker Pulls](https://img.shields.io/docker/pulls/tamland/airsonic-refix?branch=master&style=flat-square)](https://hub.docker.com/r/tamland/airsonic-refix)

Modern responsive web frontend for [airsonic-advanced](https://github.com/airsonic-advanced/airsonic-advanced), [navidrome](https://github.com/navidrome/navidrome),

[gonic](https://github.com/sentriz/gonic) and other [subsonic](https://github.com/topics/subsonic) compatible music servers.

## Features

- Responsive UI for desktop and mobile

- Browse library for albums, artist, generes

- Playback with persistent queue, repeat & shuffle

- MediaSession integration

- View, create, and edit playlists with drag and drop

- Built-in 'random' playlist

- Search

- Favourites

- Internet radio

- Podcasts

## [Live demo](https://airsonic.netlify.app)

Enter the URL and credentials for your subsonic compatible server, or use one of the following public demo servers:

**Subsonic**  

  Server: `https://airsonic.netlify.app/api`  

  Username: `guest4`, `guest5`, `guest6` etc.  

  Password:`guest`

**Navidrome**  

  Server: `https://demo.navidrome.org`  

  Username: `demo`  

  Password:`demo`

**Note**: if the server is using http only you must allow mixed content in your browser otherwise login will not work.

## Screenshots

![Screenshot](screenshots/album.png)

![Screenshot](screenshots/album-list.png)

![Screenshot](screenshots/artist.png)

![Screenshot](screenshots/artist-list.png)

## Install

### Docker

```

$ docker run -d -p 8080:80 tamland/airsonic-refix:latest

```

You can now access the application at http://localhost:8080/

Environment variables:

- `SERVER_URL` (Optional): The backend server URL. When set the server input on the login page will not be displayed.

### Pre-built bundle

Pre-built bundles can be found in the [Actions](https://github.com/tamland/airsonic-refix/actions)

tab. Download/extract artifact and serve with any web server such as nginx or apache.

### Build from source

```

$ yarn install

$ yarn build

```

Bundle can be found in the `dist` folder.

Build docker image:

```

$ docker build -f docker/Dockerfile .

```

## Develop

```

$ yarn install

$ yarn serve

```

## License

Licensed under the [AGPLv3](LICENSE) license.