Giter Club home page Giter Club logo

demopagenerator's Introduction

Demo Page Generator

Some bands wants to share their music and don't want to be on big platforms. This is a bash script to generate a single static mobile friendly html5 page from media files presents in /audio (and albums subdirs).

Examples :

Features

  • each track is playable and downloadable
  • when a tracks ends, next tracks automatically plays
  • playing a track pauses all others
  • random playing available
  • if hosted on github, link to master.zip to dl all tracks
  • manifest and SW to be installed as a PWA on mobile
  • opengraph tags for social sharing
  • displays a CC license
  • can read and display id3 tags and pics with https://github.com/leetreveil/musicmetadata
  • can add social buttons without tracking with https://sharingbuttons.io/

How to use

  1. Fork/clone this project
  2. Setup your audio dir :
    • 1 subdir per album
    • if you use id3, be sure all files are well tagged
    • name scheme for songs: 01-trackname.mp3
  3. If you don't want share buttons, remove the line SHAREBTNS=YES at top of genpage.sh
  4. Run the ./genpage script
  5. Customize the generate index.html page :
    • Band name, description, contact, links (share btns, mail contact, download all)
    • Icons (PWA manifest, favicon), background picture
    • Style (colors, font)
    • Change the license
  6. Put it online

License

Do whatever you want

demopagenerator's People

Contributors

mulhouse avatar utkarsh-vishnoi avatar bhautikchudasama avatar

Stargazers

Ashley D avatar  avatar tg-z avatar Maël Pedretti avatar Julien M'Poy avatar Yoan Blanc avatar Syed zainul abedin avatar

demopagenerator's Issues

Other templates

Hack the template to best fit your (friends) band's dreams

Fix PWA manifest

2 manifest problems in Lighthouse (Chrome devtools -> Audit) :

1 : Does not respond with a 200 when offline
2: User will not be prompted to Install the Web App
Failures: Service worker does not successfully serve the manifest's start_url, Unable to fetch start URL via service worker.

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.