Upload index.html

index.html

@@ -114,6 +114,14 @@
   .poster-title{font-size:12.5px; font-weight:600; margin-top:6px; line-height:1.25;
     display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
   .poster-sub{font-size:11px; color:var(--muted); margin-top:2px;}
+  .jtv-bar{position:absolute; left:10px; right:10px; top:10px; padding:8px 10px; border-radius:12px; background:rgba(0,0,0,.6); color:#fff; font-size:13px; z-index:5; transition:opacity .3s;}
+  .jtv-bar.hide{opacity:0; pointer-events:none;}
+  .jtv-row{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
+  .jtv-live{background:#e5484d; border-radius:6px; padding:2px 7px; font-weight:800; font-size:11px; letter-spacing:.5px;}
+  .jtv-m{opacity:.8; font-size:12px; margin-top:2px;}
+  .jtv-b{margin-left:auto; background:rgba(255,255,255,.18); color:#fff; border:0; border-radius:8px; padding:5px 10px; font:inherit; font-size:12px;}
+  .jtv-epg{margin-top:6px; max-height:38vh; overflow:auto; border-top:1px solid rgba(255,255,255,.2); padding-top:6px;}
+  .jtv-epg div{padding:3px 0;} .jtv-epg span{display:inline-block; min-width:48px; opacity:.7;}
   .rank-num{position:absolute; left:6px; bottom:0; font-size:58px; font-weight:900; line-height:1; letter-spacing:-3px; color:transparent;
     -webkit-text-stroke:2px rgba(255,255,255,.92); text-shadow:0 4px 14px rgba(0,0,0,.65); pointer-events:none; z-index:2;}
   .poster-art:has(.rank-num)::after{content:''; position:absolute; inset:auto 0 0 0; height:46%; background:linear-gradient(transparent,rgba(0,0,0,.7)); pointer-events:none;}
@@ -2876,10 +2884,10 @@ const I18N_EXTRA9 = {
 };
 Object.keys(I18N_EXTRA9).forEach(l => { I18N[l] = Object.assign(I18N[l] || {}, I18N_EXTRA9[l]); });
 const I18N_EXTRA10 = {
-  sw: { tr_trending: 'Zinazovuma Sasa', tr_new: 'Mpya Karibuni', tr_more: 'Zaidi za Kutazama' },
-  en: { tr_trending: 'Trending Now', tr_new: 'New Releases', tr_more: 'More to Watch' },
-  ar: { tr_trending: 'الأكثر رواجاً الآن', tr_new: 'أحدث الإصدارات', tr_more: 'المزيد للمشاهدة' },
-  fr: { tr_trending: 'Tendances actuelles', tr_new: 'Nouveautés', tr_more: 'À découvrir' }
+  sw: { jtv_next: 'Inayofuata', jtv_schedule: 'Ratiba', jtv_down: 'JaynesTV haipatikani kwa sasa', tr_trending: 'Zinazovuma Sasa', tr_new: 'Mpya Karibuni', tr_more: 'Zaidi za Kutazama' },
+  en: { jtv_next: 'Next', jtv_schedule: 'Schedule', jtv_down: 'JaynesTV is unavailable right now', tr_trending: 'Trending Now', tr_new: 'New Releases', tr_more: 'More to Watch' },
+  ar: { jtv_next: 'التالي', jtv_schedule: 'الجدول', jtv_down: 'JaynesTV غير متاح حاليًا', tr_trending: 'الأكثر رواجاً الآن', tr_new: 'أحدث الإصدارات', tr_more: 'المزيد للمشاهدة' },
+  fr: { jtv_next: 'Ensuite', jtv_schedule: 'Programme', jtv_down: 'JaynesTV est indisponible', tr_trending: 'Tendances actuelles', tr_new: 'Nouveautés', tr_more: 'À découvrir' }
 };
 Object.keys(I18N_EXTRA10).forEach(l => { I18N[l] = Object.assign(I18N[l] || {}, I18N_EXTRA10[l]); });
 function T(k, v) { return t(k, v); }
@@ -3582,11 +3590,73 @@ async function fetchChannelPosters() {
 
 // Inarudisha orodha bapa (flat) ya channels zote za Live TV — inatumika
 // na loadLive() (kuonyesha kwa rails) na search (kuchuja kwa query).
+// ── JAYNESTV: live TV ya kubuni kutoka video za dataset yako (ratiba: build_jaynestv.py) ──
+const JTV_URL = 'https://huggingface.co/datasets/jaynesmaxtv/movie-file/resolve/main/jaynestv/schedule.json';
+let jtvP = null, jtvAt = 0;
+function jtvSchedule(force) { // ratiba inahifadhiwa dakika 5; ikikosekana JaynesTV haionekani
+  if (!jtvP || force || Date.now() - jtvAt > 300000) {
+    jtvAt = Date.now();
+    jtvP = fetch(JTV_URL, { cache: 'no-cache' }).then(r => r.ok ? r.json() : null)
+      .then(s => (s && Array.isArray(s.items) && s.items.length && s.total > 0) ? s : null).catch(() => null);
+  }
+  return jtvP;
+}
+function jtvNow(s, nowMs) { // kipindi cha sasa + vinavyofuata, kwa saa: kila mtazamaji anaona kile kile wakati ule ule
+  let pos = ((((nowMs - (Date.parse(s.epoch) || 0)) / 1000) % s.total) + s.total) % s.total, i = 0;
+  while (i < s.items.length - 1 && pos >= s.items[i].dur) { pos -= s.items[i].dur; i++; }
+  const upcoming = []; let at = nowMs + (s.items[i].dur - pos) * 1000;
+  for (let k = 1; k <= 8; k++) { const it = s.items[(i + k) % s.items.length]; upcoming.push({ item: it, at }); at += it.dur * 1000; }
+  return { idx: i, item: s.items[i], offset: pos, left: s.items[i].dur - pos, upcoming };
+}
+async function openJaynesTV() {
+  openPlayerShell('JaynesTV');
+  const s = await jtvSchedule(true);
+  if (!s) return statusMsg('<span style="color:#ffb4ab">' + esc(T('jtv_down')) + '</span>');
+  stage.style.position = 'relative';
+  stage.innerHTML = '<video id="vid" controls autoplay playsinline></video><div class="jtv-bar" id="jtvBar"></div>';
+  const v = document.getElementById('vid'), bar = document.getElementById('jtvBar');
+  attachPlayerEnhancements(v); ensureSound(v);
+  const bad = new Set(); let cur = null, epg = false, hideT = null, last = null;
+  const hhmm = ms => new Date(ms).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  const show = (ms) => { bar.classList.remove('hide'); clearTimeout(hideT); if (ms) hideT = setTimeout(() => { if (!epg) bar.classList.add('hide'); }, ms); };
+  const draw = (n, it) => {
+    const nx = n.upcoming[0];
+    bar.innerHTML = '<div class="jtv-row"><span class="jtv-live">● LIVE</span><b>' + esc(it.title) + '</b>' + (it.dj ? '<span class="jtv-m">' + esc(it.dj) + '</span>' : '') +
+      '<button class="jtv-b" data-j="epg">' + esc(T('jtv_schedule')) + '</button></div>' +
+      '<div class="jtv-m">' + esc(T('jtv_next')) + ': ' + esc(nx.item.title) + ' · ' + hhmm(nx.at) + '</div>' +
+      (epg ? '<div class="jtv-epg">' + n.upcoming.map(u => '<div><span>' + hhmm(u.at) + '</span> ' + esc(u.item.title) + '</div>').join('') + '</div>' : '');
+  };
+  const sync = () => {
+    const n = jtvNow(s, Date.now()), isBad = bad.has(n.idx);
+    const it = isBad ? n.upcoming[0].item : n.item, off = isBad ? 0 : n.offset;   // video mbovu: cheza inayofuata kutoka mwanzo
+    if (cur !== it.url) {
+      cur = it.url; v.src = it.url + '#t=' + Math.floor(off);
+      v.addEventListener('loadedmetadata', () => { if (Math.abs(v.currentTime - off) > 3) v.currentTime = off; const p = v.play(); if (p && p.catch) p.catch(() => {}); }, { once: true });
+      show(8000);
+    } else if (!isBad && v.readyState > 1 && Math.abs(v.currentTime - off) > 4) v.currentTime = off;   // rudi kwenye 'live'
+    last = n; draw(n, it);
+  };
+  bar.onclick = (e) => { if (e.target.closest('[data-j="epg"]')) { epg = !epg; draw(last, last.item); show(epg ? 0 : 6000); } };
+  v.addEventListener('ended', sync);
+  v.addEventListener('play', sync);
+  v.addEventListener('seeked', () => { if (last && Math.abs(v.currentTime - last.offset) > 6) sync(); });
+  v.addEventListener('error', () => { if (last) { bad.add(last.idx); sync(); } });
+  v.addEventListener('click', () => show(6000));
+  const timer = setInterval(sync, 15000);
+  window.__jtvStop = () => { clearInterval(timer); clearTimeout(hideT); };
+  sync();
+}
+
 async function fetchAllLiveItems() {
   const items = [];
   let anyOk = false, lastErr = null;
   const posters = await fetchChannelPosters();
 
+  try { // JaynesTV (ikiwa ratiba ipo): kadi inaonyesha kipindi kinachochezwa sasa
+    const js = await jtvSchedule();
+    if (js) { const n = jtvNow(js, Date.now()); items.push({ id: 'jaynestv', kind: 'live', title: n.item.title, poster: n.item.poster || js.logo || null, subtitle: 'JaynesTV', imgFallbackOn: true }); }
+  } catch (_) {}
+
   try {
     const res = await fetch(JAYNES_MAX_TV_BASE + '/api/content/channels', {
       headers: { 'Authorization': 'Bearer ' + JAYNES_MAX_TV_KEY, 'apikey': JAYNES_MAX_TV_KEY },
@@ -6031,6 +6101,7 @@ function stopMediaOnly(){
   currentBlobUrls = [];
 }
 function stopPlayer(){
+  if (window.__jtvStop) { try { window.__jtvStop(); } catch (_) {} window.__jtvStop = null; }
   playerEl.classList.remove('mini');
   clearUpNext();
   if (document.pictureInPictureElement) { document.exitPictureInPicture().catch(()=>{}); }
@@ -6739,6 +6810,7 @@ function failPlayback(gen, showFn){
 }
 
 async function openLiveChannel(item){
+  if (String(item.id) === 'jaynestv') return openJaynesTV();
   openPlayerShell(item.title);
   liveFb = { title: item.title, used: false, pending: false };
   try {