Git Product home page Git Product logo

ample's Introduction

HHAmp (Hip-Hop Amp): A simple music client for Ampache

Built with Svelte & wavesurfer.js

Ample screenshot

Setting expectations

  • Largely untested with multiple users
  • Transcoding is untested as I don't use it
  • It is designed to be a front-end companion to an existing Ampache server, not a complete replacement

Demo

View demo

  • User demo
  • Password demodemo

Features

  • Smartlist autoplay when nearing end of the queue
  • Dark & light mode with adaptive interface colors
  • Fade out/in on pause/resume/next/previous
  • Media keys support
  • Volume normalization (ReplayGain & EBU R128)
  • Night/headphone mode to boost quieter parts of songs
  • Toggleable notifications for
    • Alternate song versions (radio edit, acoustic, live, demo etc)
    • Missing volume gain tags
    • Missing song rating
    • Missing/untimestamped song lyrics
  • Same powerful Advanced Search as Ampache
  • Compare an artist's collection with MusicBrainz recordings (if the artist has an MBID associated with it)
  • Skip songs below a specified rating when adding to queue
  • 'Unrated' dashboard + Multi-rater

Translations

Edit or add new languages via Inlang

Requirements

  • Ampache 6+
  • A modern web browser (Chrome/Edge 88+, Firefox 78+, Safari 14+)

Installing

  • Easy mode (recommended)
    • Grab a prebuilt release
    • Copy the hhamp folder into your Ampache server public folder
    • Access by adding /hhamp to your Ampache server address e.g. yourampache.com/hhamp or localhost/ampache/hhamp
  • Hard mode
    • Grab a prebuilt release or build yourself from Git repository (see Developing)
    • Put it anywhere you like, but you will have to deal with CORS if it is on a different domain/subdomain from the Ampache server you are connecting to.
  • Enter the URL of the Ampache server you wish to connect to on the login screen
    • Alternatively add the URL to hhamp.json to hardcode it (rename hhamp.json.dist & use the full URL with no trailing slash i.e. https://yourampache.com)

Developing

  • Clone the HHAmp repository and from the hhamp directory cd hhamp
  • Install packages npm install
  • For development and hot reloading npm run dev
  • For building npm run build, and see the contents of dist

Additional console logging can be enabled by setting debugMode true in src/stores/server.js

Thanks to Mitch Ray for Ample 2.03

A big thank you to Mitch Ray for creating the original version of Ample 2.03! Your hard work and dedication have provided us with a fantastic foundation to build upon. We greatly appreciate your contributions to the open-source community.

Original Ample 2.03 Repository

ample's People

Contributors

mitchray avatar alexdx-ca avatar dependabot[bot] avatar mparkg 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.