Git Product home page Git Product logo

snapweb's Introduction

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.

snapweb's People

Contributors

badaix avatar patagonaa avatar zopieux avatar djmattyg007 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.