README_PLAYER_WEBINTERFACE.md

OwnTone player web interface

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

Screenshots

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