owntone-server/README_PLAYER_WEBINTERFACE.md

1.6 KiB

OwnTone player web interface

Mobile friendly player web interface for OwnTone build with Vue.js, Bulma.

Screenshots

Now playing Queue Artists Album

Usage

You can find OwnTone's web interface at http://owntone.local:3689 or alternatively at http://[your_server_address_here]:3689.

Build Setup

The source is located in the web-src folder.

cd web-src

It is based on the Vue.js webpack template. For a detailed explanation on how things work, check out the guide and docs for vue-loader.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification (will update player web interface in "../htdocs")
npm run build

# build for production and view the bundle analyzer report
npm run build --report

After running npm run dev the web interface is reachable at localhost:8080. By default it expects owntone to be running at localhost:3689 and proxies all JSON API calls to this location. If the server is running at a different location you need to modify the proxyTable configuration in config/index.js