vers. 2.3.0

.gitignore

@@ -2,3 +2,4 @@
 *Zone.Identifier
 *.old
 /api/*
+.htaccess

css/style.css

@@ -112,7 +112,7 @@ div.dbox_mobile {
 
 div.dbox_mobile {
   width: 90%;
-  max-width: 450px;
+  max-width: 750px;
   color: white;
   border-radius: 10px;
   max-height: 475px;
@@ -163,7 +163,7 @@ div.dfooter {
 
 .appBody {
   background-color: #10194b;
-  max-width: 450px;
+  max-width: 750px;
   min-width: 330px;
   margin: auto;
   display: flex;
@@ -313,7 +313,7 @@ iframe.contentplayer {
   left: 50%;
   height: calc(100vh - 312px);
   width: 100%;
-  max-width: 450px;
+  max-width: 750px;
   transform: translateX(-50%);
 }
 
@@ -326,7 +326,7 @@ iframe.contentplayer {
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
-  max-width: 450px;
+  max-width: 750px;
   height: 100px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
@@ -337,7 +337,8 @@ iframe.contentplayer {
   border-radius: 5px;
 }
 
-button#playPauseBtn {
+button#playPauseBtn,
+button#formatToggleBtn {
   background: none;
   border: none;
 }

data/changelog.xml

@@ -2,10 +2,20 @@
 
 <changelog>
 
+    <version>
+        <number>2.3.0</number>
+        <logs>
+            <log>Ottimizzata la risoluzione dell'applicazione su dispositivi larghi (tablet, iPad e computer).</log>
+            <log>Implementato lo switch tra il player audio in HLS e il player audio in MP3/AAC.</log>
+            <log>Rimosso l'avviso per i dispositivi iOS.</log>
+            <log>Correzione e bugfix di problematiche varie.</log>
+        </logs>
+    </version>
+
     <version>
         <number>2.2.0 (d)</number>
         <logs>
-            <log>E' stato reintrodotto la schermata di caricamento ad ogni selezione di ogni pagina dell'applicazione</log>
+            <log>E' stato reintrodotto la schermata di caricamento ad ogni selezione di ogni pagina dell'applicazione.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -13,7 +23,7 @@
     <version>
         <number>2.1.4</number>
         <logs>
-            <log>Corretto la visione verticale sui dispositivi mobili</log>
+            <log>Corretto la visione verticale sui dispositivi mobili.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -29,7 +39,7 @@
     <version>
         <number>2.1.2</number>
         <logs>
-            <log>Implementazione del sistema di qualità adattiva (ABR) per il player audio</log>
+            <log>Implementazione del sistema di qualità adattiva (ABR) per il player audio.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -37,7 +47,7 @@
     <version>
         <number>2.1.1</number>
         <logs>
-            <log>Corretti alcuni bug che impedivano l'accesso al player dal link esterno</log>
+            <log>Corretti alcuni bug che impedivano l'accesso al player dal link esterno.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -45,8 +55,8 @@
     <version>
         <number>2.1.0</number>
         <logs>
-            <log>Risoluzione dei problemi minori presenti nel codice, che causava problemi nella navigazione in app</log>
+            <log>Risoluzione dei problemi minori presenti nel codice, che causava problemi nella navigazione in app.</log>
-            <log>Risoluzione dei problemi minori presenti nel codice, che causava problemi di riproduzione audio al player</log>
+            <log>Risoluzione dei problemi minori presenti nel codice, che causava problemi di riproduzione audio al player.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -62,8 +72,8 @@
     <version>
         <number>2.0.3</number>
         <logs>
-            <log>Corretta la visualizzazione dei contenuti forniti dalle emittenti all'interno del player</log>
+            <log>Corretta la visualizzazione dei contenuti forniti dalle emittenti all'interno del player.</log>
-            <log>Corretta la visualizzazione del player audio</log>
+            <log>Corretta la visualizzazione del player audio.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -71,7 +81,7 @@
     <version>
         <number>2.0.2</number>
         <logs>
-            <log>Inserita la pagina statica per le emittenti tematiche</log>
+            <log>Inserita la pagina statica per le emittenti tematiche.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -79,7 +89,7 @@
     <version>
         <number>2.0.1</number>
         <logs>
-            <log>Aggiunta la Visual Radio dell'emittente "Radio Città 105</log>
+            <log>Aggiunta la Visual Radio dell'emittente "Radio Città 105".</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -87,7 +97,7 @@
     <version>
         <number>2.0.0</number>
         <logs>
-            <log>Nuova UI/UX: RPIGroup aggiorna la veste grafica della sua applicazione, rendendola più "fumettosa" e "giocattolosa". Un'estetica completamente diversa da tutte le altre varie app radiofoniche</log>
+            <log>Nuova UI/UX: RPIGroup aggiorna la veste grafica della sua applicazione, rendendola più "fumettosa" e "giocattolosa". Un'estetica completamente diversa da tutte le altre varie app radiofoniche.</log>
             <log>Nuova Engine: Nuovo motore e struttura dell'applicazione. Lato backend è cambiato completamente rispetto alla versione 1.</log>
             <log>Nuovo Player Audio/Video: Player più semplice, ma conserva le caratteristiche della precedente versione.</log>
             <log>Termini e Condizioni: inserimento per obblighi di legge dei corrispettivi "Termini e Condizioni"</log>
@@ -108,7 +118,7 @@
     <version>
         <number>1.2.0 Stable</number>
         <logs>
-            <log>Implementato il "Media Sessions" che permette di visualizzare la radio in riproduzione nel centro notifiche su iOS e Android</log>
+            <log>Implementato il "Media Sessions" che permette di visualizzare la radio in riproduzione nel centro notifiche su iOS e Android.</log>
             <log>Preparazione dell'ottimizzazione del software in occasione della terza versione dell'app.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
@@ -126,9 +136,9 @@
     <version>
         <number>1.1.0 Stable</number>
         <logs>
-            <log>Aggiunta la nuova stazione radio tematica "RDL Revival 70-80-90"</log>
+            <log>Aggiunta la nuova stazione radio tematica "RDL Revival 70-80-90".</log>
-            <log>Migliorata la visualizzazione del selettore radio della pagina home</log>
+            <log>Migliorata la visualizzazione del selettore radio della pagina home.</log>
-            <log>Implementato nel player la visualizzazione della pagina statica per le radio tematiche</log>
+            <log>Implementato nel player la visualizzazione della pagina statica per le radio tematiche.</log>
             <log>Correzione e bugfix di problematiche varie causate dall'ultima versione "Beta".</log>
         </logs>
     </version>
@@ -136,10 +146,10 @@
     <version>
         <number>1.0.0 Stable</number>
         <logs>
-            <log>Passaggio alla versione "Stable" dell'applicazione</log>
+            <log>Passaggio alla versione "Stable" dell'applicazione.</log>
-            <log>Verifica di ulteriori correzioni dal passaggio della versione stabile</log>
+            <log>Verifica di ulteriori correzioni dal passaggio della versione stabile.</log>
-            <log>Leggerimento dell'applicazione a livello backend</log>
+            <log>Leggerimento dell'applicazione a livello backend.</log>
-            <log>Ulteriori analisi di stabilità dal momento del passaggio alla versione stabile</log>
+            <log>Ulteriori analisi di stabilità dal momento del passaggio alla versione stabile.</log>
             <log>Correzione e bugfix di problematiche varie causate dall'ultima versione "Beta".</log>
         </logs>
     </version>
@@ -176,7 +186,7 @@
     <version>
         <number>0.23.1 Beta</number>
         <logs>
-            <log>Rimozione del logo al caricamento di ogni singola pagina (tranne all'avvio dell'app)</log>
+            <log>Rimozione del logo al caricamento di ogni singola pagina (tranne all'avvio dell'app).</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -184,8 +194,8 @@
     <version>
         <number>0.23.0 Beta</number>
         <logs>
-            <log>Rilasciato il nuovo player video</log>
+            <log>Rilasciato il nuovo player video.</log>
-            <log>Inserimento dell'emittente RC105TV nella lista delle WebTV</log>
+            <log>Inserimento dell'emittente RC105TV nella lista delle WebTV.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -193,9 +203,9 @@
     <version>
         <number>0.22.4 Beta</number>
         <logs>
-            <log>Correzione errori minimi nel sistema</log>
+            <log>Correzione errori minimi nel sistema.</log>
-            <log>Aggiunta indicatore della versione app nella schermata desktop</log>
+            <log>Aggiunta indicatore della versione app nella schermata desktop.</log>
-            <log>Preparazione player video - Correzioni minimi player e aggiunta di pagine mancanti</log>
+            <log>Preparazione player video - Correzioni minimi player e aggiunta di pagine mancanti.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -203,8 +213,8 @@
     <version>
         <number>0.22.3 Beta</number>
             <logs>
-            <log>Migliorati i tempi di caricamento dei player</log>
+            <log>Migliorati i tempi di caricamento dei player.</log>
-            <log>Aggiunta nuovi file di Configurazione</log>
+            <log>Aggiunta nuovi file di Configurazione.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>
@@ -222,8 +232,8 @@
     <version>
         <number>0.22.1 Beta</number>
         <logs>
-            <log>Corretto il bug del logo all'interno dell'homepage</log>
+            <log>Corretto il bug del logo all'interno dell'homepage.</log>
-            <log>Corretto la riproduzione audio dell'emittente Radio Città 105</log>
+            <log>Corretto la riproduzione audio dell'emittente Radio Città 105.</log>
             <log>Correzione e bugfix di problematiche varie.</log>
         </logs>
     </version>

data/radio.xml

@@ -8,7 +8,7 @@
     <slogan>O Sei Fuori, O Sei Dei Nostri</slogan>
     <thematic>false</thematic>
     <logo>https://i0.wp.com/www.radiodiffusionelibera.com/wp-content/uploads/2017/01/RDL-Facebook.png</logo>
-    <stream>https://asvradiostream.asvstudios.it/radio/8000/radio.mp3</stream>
+    <stream>https://asvradiostream.asvstudios.it/radio/8000/radio.aac</stream>
     <streamhls>https://srvone.radio.asvhosting.com/hls/rdlradio/live.m3u8</streamhls>
     <contentplayer>https://www.radiodiffusionelibera.com/contentrpigplay</contentplayer>
   </station>

js/app.js

@@ -340,12 +340,14 @@ document.addEventListener('DOMContentLoaded', function () {
      */
 
     function initializePlayer() {
-        console.log('Inizializzazione player audio (v2.0 - Hybrid Strategy)...');
+        console.log('Inizializzazione player audio (v2.1 - Format Toggle)...');
 
         const playPauseBtn = document.getElementById('playPauseBtn');
         const playIcon = document.querySelector('.play-icon');
         const pauseIcon = document.querySelector('.pause-icon');
         const playerStatus = document.getElementById('playerStatus');
+        const formatToggleBtn = document.getElementById('formatToggleBtn');
+        const formatLabel = document.getElementById('formatLabel');
 
         if (!playPauseBtn) return;
 
@@ -360,8 +362,19 @@ document.addEventListener('DOMContentLoaded', function () {
         const streamFallback = playPauseBtn.getAttribute('data-stream-fallback');
         const stationName = playPauseBtn.getAttribute('data-station-name');
 
+        // Stato formato audio (preferenza salvata in localStorage)
+        const storageKey = 'audioFormat_' + stationName;
+        let currentFormat = localStorage.getItem(storageKey) || 'hls'; // 'hls' o 'direct'
         let isPlaying = false;
 
+        // Aggiorna label del formato
+        function updateFormatLabel() {
+            if (formatLabel) {
+                formatLabel.textContent = currentFormat === 'hls' ? 'HLS' : 'MP3';
+            }
+        }
+        updateFormatLabel();
+
         // Configurazione HLS.js Ottimizzata per Qualità
         const hlsConfig = {
             debug: false,
@@ -379,7 +392,16 @@ document.addEventListener('DOMContentLoaded', function () {
          * Logica di Selezione Player
          * Priorità: HLS.js (PC/Android) > Nativo (iOS) > Fallback (Direct Stream)
          */
-        function initStream() {
+        function initStream(forceFormat = null) {
+            const preferredFormat = forceFormat || currentFormat;
+
+            // Se l'utente ha scelto formato diretto, usa subito MP3/AAC
+            if (preferredFormat === 'direct') {
+                console.log('User preference: Direct stream (MP3/AAC)');
+                useDirectStream();
+                return;
+            }
+
             // STRATEGIA 1: HLS.js (Preferita per PC e Android)
             if (Hls.isSupported()) {
                 console.log('Strategy: HLS.js (High Quality Control)');
@@ -427,7 +449,7 @@ document.addEventListener('DOMContentLoaded', function () {
                                 hlsInstance.recoverMediaError();
                                 break;
                             default:
-                                fallbackToDirectStream();
+                                useDirectStream();
                                 break;
                         }
                     }
@@ -449,18 +471,54 @@ document.addEventListener('DOMContentLoaded', function () {
 
             // STRATEGIA 3: Fallback (Stream MP3 diretto)
             console.log('Strategy: Direct Fallback');
-            fallbackToDirectStream();
+            useDirectStream();
         }
 
-        function fallbackToDirectStream() {
+        function useDirectStream() {
             if (hlsInstance) {
                 hlsInstance.destroy();
                 hlsInstance = null;
             }
+            console.log('Using direct stream:', streamFallback);
             audioPlayer.src = streamFallback;
             attemptPlay();
         }
 
+        // Funzione per cambiare formato
+        function toggleFormat() {
+            const wasPlaying = !audioPlayer.paused;
+
+            // Cambia formato
+            currentFormat = currentFormat === 'hls' ? 'direct' : 'hls';
+            localStorage.setItem(storageKey, currentFormat);
+            console.log('Switching to format:', currentFormat);
+
+            // Aggiorna label
+            updateFormatLabel();
+
+            // Ferma riproduzione corrente
+            if (audioPlayer) {
+                audioPlayer.pause();
+            }
+
+            // Pulisci player precedente
+            if (hlsInstance) {
+                hlsInstance.destroy();
+                hlsInstance = null;
+            }
+            audioPlayer.src = '';
+
+            // Reinizializza con nuovo formato
+            initStream(currentFormat);
+
+            // Riprendi riproduzione se era in corso
+            if (wasPlaying) {
+                setTimeout(() => {
+                    togglePlay();
+                }, 100);
+            }
+        }
+
         function attemptPlay() {
             // Nota: chiamare .play() senza interazione utente fallirà.
             // Questa funzione prepara lo stato. Il vero play avviene al click.
@@ -519,10 +577,18 @@ document.addEventListener('DOMContentLoaded', function () {
             updateUI(false);
         };
 
+        // Format toggle button listener
+        if (formatToggleBtn) {
+            formatToggleBtn.onclick = (e) => {
+                e.preventDefault();
+                toggleFormat();
+            };
+        }
+
         // Setup Media Session
         setupMediaSession(stationName, playPauseBtn.getAttribute('data-station-slogan'), playPauseBtn.getAttribute('data-station-logo'), playIcon, pauseIcon);
 
-        console.log('Player System Ready.');
+        console.log('Player System Ready with format toggle.');
     }
 
     /**
@@ -705,7 +771,7 @@ document.addEventListener('DOMContentLoaded', function () {
      * Setup modalità standalone (PWA)
      */
     function setupStandaloneMode() {
-        const appContainer = document.querySelector('.container');
+        const appContainer = document.querySelector('.container') || document.querySelector('.container-fluid');
         if (!appContainer) return;
 
         if (window.opener && !window.opener.closed) {
@@ -748,7 +814,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
         setupOpenAppButton();
 
-        if (document.querySelector('.container')) {
+        if (document.querySelector('.container') || document.querySelector('.container-fluid')) {
             setupStandaloneMode();
             attachLinkListeners();
             setupHistoryNavigation();

pages/mobile.php

@@ -15,7 +15,7 @@
     </div>
 </div>
 
-<main class="container" id="content">
+<main class="container-fluid" id="content">
     <?php
         // Carica il contenuto iniziale in base all'URL
         switch ($page) {

pages/page/player.php

@@ -41,7 +41,7 @@
     }
 ?>
 
-<div class="footer_player" <?php if($is_mobile){ ?> style="bottom: 84px;" <? } ?>>
+<div class="footer_player" <?php if($is_mobile){ echo "style=\"bottom: 84px;\""; } ?>>
     <div class="row align-items-center">
         <div class="col-2" style="width: 70px;">
             <img src="<?php echo $station->logo; ?>" alt="<?php echo $station->name; ?>" style="width: 60px;">
@@ -50,6 +50,11 @@
             <div id="artist" style="font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;"><?php echo $station->name; ?></div>
             <div id="playerStatus" style="text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical ;overflow: hidden;"><?php echo $station->slogan; ?></div>
         </div>
+        <div class="col-auto" style="text-align: center; margin-top: 1px; padding-right: 0;">
+            <button id="formatToggleBtn" title="Cambia formato audio">
+                <span id="formatLabel" style="font-size: 12px;font-weight: 600;border-radius: 6px;border: 2px solid #ffffff;padding: 4px 6px;background: rgba(247, 184, 53, 0.3);color: #2a377e;">HLS</span>
+            </button>
+        </div>
         <div class="col-2" style="text-align: center; margin-top: 1px; margin-right: 5px; width: 67px;">
             <button id="playPauseBtn" data-stream-hls="<?php echo $station->streamhls; ?>" data-stream-fallback="<?php echo $station->stream; ?>" data-station-name="<?php echo htmlspecialchars($station->name); ?>" data-station-logo="<?php echo $station->logo; ?>" data-station-slogan="<?php echo htmlspecialchars($station->slogan); ?>">
                 <i class="material-icons play-icon" id="play-pause" style="font-size: 35px; border-radius: 10px; border: 2px solid #ffffff; padding: 4px 5px 4px 4px; margin-top: -2px; background: #f7b835; color: #2a377e;">play_arrow</i>

static/head.php

@@ -39,7 +39,7 @@ header('Referrer-Policy: strict-origin-when-cross-origin');
     <link rel="stylesheet" href="<?=$base_path?>/css/style.css?v=<?=$version_app?>">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link rel="stylesheet" href="<?=$base_path?>/css/animation.css?v=<?=$version_app?>">
-    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+    <!-- <script src="https://code.jquery.com/jquery-2.2.4.js"></script> -->
     <script src="<?=$base_path?>/js/bootstrap.js"></script>
     <script>
         // Passa il percorso base a JavaScript