d82d56a3cc771d9d57cbbf3c0704753b8822df42
- Cambiate le proprietà 'scope' e 'start_url' in manifest.webmanifest a valori relativi ('./') al posto di un valore hardcoded '/ionic/'. Questo risolve il problema di installazione quando l'app viene pubblicata in directory diverse (es. root '/' vs sotto-cartella '/ionic/').
- Aggiunto il tracciamento del prompt di installazione nativo tramite l'evento 'beforeinstallprompt' nel SettingsService.
- Aggiunta la rilevazione dello stato standalone (app già installata) e del sistema operativo iOS.
- Inserita una sezione premium dedicata all'installazione nelle Impostazioni:
* Su Android/Chrome: mostra un pulsante 'Installa' quando il browser conferma l'installabilità.
* Su iOS (iPhone/iPad): mostra una guida collassabile con le istruzioni per installare l'app manualmente da Safari ('Condividi' -> 'Aggiungi alla schermata Home').
CantiCristiani PWA
Applicazione PWA moderna per la gestione di canti, accordi e karaoke integrato. Progettata per musicisti e cantanti per un uso fluido durante le celebrazioni o i momenti di preghiera.
Caratteristiche Principali
- 🎤 Karaoke Intelligente: Avanzamento automatico del testo basato sul rilevamento vocale (microfono).
- 🎚️ Sensibilità Dinamica: Regolazione in tempo reale della sensibilità del microfono tramite slider verticale custom (50% - 100%).
- 🎼 Accordi e Trasporto: Visualizzazione accordi con possibilità di trasporto tonale istantaneo.
- 📋 Gestione Playlist: Creazione, modifica e condivisione di playlist tramite QR Code.
- 📱 PWA Ready: Installabile su Android e iOS come app nativa, con supporto offline.
- 🔆 Schermo Sempre Acceso: Opzione dedicata nelle impostazioni per evitare lo spegnimento dello schermo durante l'uso.
- 🔍 Ricerca Rapida: Filtri avanzati per categorie, tonalità e playlist.
Tecnologie Utilizzate
- Framework: Ionic + Angular
- State Management: Angular Signals
- PWA: @angular/pwa
- API: Screen Wake Lock API, Media Session API
Installazione e Sviluppo
Prerequisiti
- Node.js (v18+)
- Ionic CLI
Comandi Locali
npm install
ionic serve
Deploy
Per distribuire l'applicazione in produzione (ambiente locale o server FTP):
./deploy_pwa.sh
Lo script si occupa di:
- Incrementare la versione dell'app.
- Eseguire la build di produzione.
- Distribuire i file nella cartella di distribuzione locale.
© 2026 CantiCristiani.it
Description
Languages
TypeScript
62.1%
HTML
18.5%
SCSS
15.3%
JavaScript
1.5%
Shell
1.4%
Other
1.1%