refactor: split monolithic index.php into src/tpl + src/js modules

2026-03-11 23:47:22 +01:00
parent 2b163be684
commit 0be8c34b31
17 changed files with 1526 additions and 1517 deletions
@@ -0,0 +1,58 @@
+// ── PLAYER PiP ────────────────────────────────────────────────────────────────
+let hlsInstance = null;
+
+function openPip(channelName, programTitle) {
+  const url = getStreamUrl(channelName);
+  const pip  = document.getElementById('pip');
+  const video = document.getElementById('pipVideo');
+  const err  = document.getElementById('pipError');
+
+  document.getElementById('pipChannel').textContent = channelName;
+  document.getElementById('pipProgram').textContent = programTitle || '';
+  err.style.display = 'none';
+  pip.classList.add('visible');
+
+  // Détruire l'instance HLS précédente
+  if (hlsInstance) { hlsInstance.destroy(); hlsInstance = null; }
+  video.src = '';
+
+  if (!url) {
+    err.style.display = 'block';
+    err.textContent = '⚠ Aucun stream trouvé pour cette chaîne';
+    return;
+  }
+
+  if (Hls.isSupported()) {
+    hlsInstance = new Hls({ enableWorker: false, debug: false });
+    hlsInstance.loadSource(url);
+    hlsInstance.attachMedia(video);
+    hlsInstance.on(Hls.Events.MANIFEST_PARSED, () => {
+      console.log('[PiP] Manifest parsed, lecture...');
+      video.play().catch(e => console.warn('[PiP] play() refusé:', e));
+    });
+    hlsInstance.on(Hls.Events.ERROR, (e, data) => {
+      console.error('[PiP] HLS error:', data.type, data.details, data.fatal, data.response);
+      if (data.fatal) {
+        const detail = data.response ? ` (HTTP ${data.response.code})` : ` (${data.details})`;
+        err.style.display = 'block';
+        err.textContent = '⚠ Erreur de lecture du stream' + detail;
+      }
+    });
+  } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+    // Safari natif HLS
+    video.src = url;
+    video.addEventListener('loadedmetadata', () => video.play().catch(() => {}));
+  } else {
+    err.style.display = 'block';
+    err.textContent = '⚠ HLS non supporté sur ce navigateur';
+  }
+}
+
+function closePip() {
+  const pip = document.getElementById('pip');
+  const video = document.getElementById('pipVideo');
+  pip.classList.remove('visible');
+  if (hlsInstance) { hlsInstance.destroy(); hlsInstance = null; }
+  video.pause(); video.src = '';
+}
+