snapweb icon indicating copy to clipboard operation
snapweb copied to clipboard

Web interface for Snapcast

Snapweb

Web client for Snapcast, optimized for mobile devices, with the look and feel of Snapdroid

Setup

  1. Run make (requires TypeScript) and copy the created dist directory to some path on your snapserver host and let the [http] doc_root in your snapserver.conf point to it
  2. Restart snapserver and navigate with a browser to http://<snapserver host>:1780
  3. Enjoy :)

Setup as WebApp

On Android open http://<snapserver host>:1780 in Chrome and select in the menu Add to homescreen

Screenshot

Snapweb

Contributing

This web client is the author's first JavaScript/TypeScript project and is rather a proof of concept for the Snapserver's WebSocket API.
Since my time and my web development skills are limited, pull requests are highly appreciated. Please check the list of open issues.
Branch from the develop branch and ensure it is up to date with the current develop branch before submitting your pull request.

High prio issues:

  • Missing opus support #8
  • Missing Vorbis support #14
  • Missing toggle to show/hide offline clients #7
  • Missing "About" dialog showing the version number and license #15
  • Missing version number #15
  • Seems that audio playback on iOS is not working #18

Please consider that one of the design goals is to keep the client small and simple, i.e. to use plain TypeScript/CSS without any frameworks.