Fix: EPG schedule, VTV6 default channel, no double-load

static/yt_live.js

@@ -1,6 +1,6 @@
-// === VNEWS — VTV1-VTV10 + VTVPrime LIVE CHANNELS ===
+// === VNEWS — VTV1-VTV10 + VTVPrime LIVE CHANNELS + EPG ===
 // Uses backend /api/vtv/streams for stream URLs
-// VTV1-VTV5,VTV7-VTV9: VTVGo failover | VTV6,VTV10: xemtv.net scraping
+// Default channel: VTV6 | No double-load | EPG schedule
 
 (function(){
   if(window._ytLiveLoaded) return;
@@ -20,13 +20,71 @@
     {id:'vtvprime', name:'VTVPrime',     badge:'Prime'},
   ];
 
-  // fptplay URLs that need proxying (can't play directly due to hotlink protection)
-  const NEEDS_PROXY = /fptplay\.net/;
+  // ===== EPG — Lịch phát sóng mẫu cho từng kênh =====
+  const EPG = {
+    vtv1: [
+      {t:'06:00',n:'Nhật ký ngày mai'},{t:'07:00',n:'Thời sự sáng'},{t:'09:00',n:'Thời sự'},
+      {t:'12:00',n:'Thời sự trưa'},{t:'15:00',n:'Thời sự chiều'},{t:'19:00',n:'Thời sự tối'},
+      {t:'21:00',n:'Thời sự đêm'},{t:'23:00',n:'Nhật ký ngày mai'},
+    ],
+    vtv2: [
+      {t:'06:00',n:'Khoa học & Công nghệ'},{t:'08:00',n:'Thế giới tự nhiên'},{t:'10:00',n:'Khoa học 360'},
+      {t:'12:00',n:'Đi tìm giải pháp'},{t:'14:00',n:'Sức khỏe & Cuộc sống'},{t:'16:00',n:'Khoa học cho mọi nhà'},
+      {t:'18:00',n:'Thế giới động vật'},{t:'20:00',n:'Khoa học & Tương lai'},{t:'22:00',n:'Tài liệu khoa học'},
+    ],
+    vtv3: [
+      {t:'06:00',n:'Sáng vui'},{t:'08:00',n:'Phim truyện'},{t:'10:00',n:'Gameshow'},
+      {t:'12:00',n:'Âm nhạc'},{t:'14:00',n:'Phim truyện'},{t:'16:00',n:'Giải trí chiều'},
+      {t:'18:00',n:'Tạp kỹ thuật số'},{t:'20:00',n:'Phim truyện đặc biệt'},{t:'22:00',n:'Đêm giải trí'},
+    ],
+    vtv4: [
+      {t:'06:00',n:'News'},{t:'08:00',n:'World News'},{t:'10:00',n:'Culture'},
+      {t:'12:00',n:'Midday News'},{t:'14:00',n:'Documentary'},{t:'16:00',n:'Sports'},
+      {t:'18:00',n:'Evening News'},{t:'20:00',n:'World Today'},{t:'22:00',n:'Nightline'},
+    ],
+    vtv5: [
+      {t:'06:00',n:'Thời sự miền Nam'},{t:'08:00',n:'Chương trình thiếu nhi'},{t:'10:00',n:'Phim truyện'},
+      {t:'12:00',n:'Thời sự trưa'},{t:'14:00',n:'Giải trí'},{t:'16:00',n:'Thể thao miền Nam'},
+      {t:'18:00',n:'Thời sự chiều'},{t:'20:00',n:'Phim truyện'},{t:'22:00',n:'Thời sự tối'},
+    ],
+    vtv6: [
+      {t:'06:00',n:'Khởi động ngày mới'},{t:'08:00',n:'Thanh niên & Sáng tạo'},{t:'10:00',n:'Thế giới trẻ'},
+      {t:'12:00',n:'Nhịp sống trẻ'},{t:'14:00',n:'Thể thao tuổi trẻ'},{t:'16:00',n:'Giải trí thanh niên'},
+      {t:'18:00',n:'Thời sự trẻ'},{t:'20:00',n:'Đêm nhạc'},{t:'22:00',n:'Thanh niên & Đêm'},
+    ],
+    vtv7: [
+      {t:'06:00',n:'Giáo dục sáng'},{t:'08:00',n:'Học mọi lúc'},{t:'10:00',n:'Kỹ năng sống'},
+      {t:'12:00',n:'Giáo dục trưa'},{t:'14:00',n:'Học trực tuyến'},{t:'16:00',n:'Thiếu nhi'},
+      {t:'18:00',n:'Giáo dục chiều'},{t:'20:00',n:'Tài liệu giáo dục'},{t:'22:00',n:'Học suốt đời'},
+    ],
+    vtv8: [
+      {t:'06:00',n:'Thời sự miền Trung'},{t:'08:00',n:'Văn hóa miền Trung'},{t:'10:00',n:'Phim truyện'},
+      {t:'12:00',n:'Thời sự trưa'},{t:'14:00',n:'Giải trí'},{t:'16:00',n:'Thể thao miền Trung'},
+      {t:'18:00',n:'Thời sự chiều'},{t:'20:00',n:'Phim truyện'},{t:'22:00',n:'Thời sự tối'},
+    ],
+    vtv9: [
+      {t:'06:00',n:'Thời sự miền Bắc'},{t:'08:00',n:'Văn hóa miền Bắc'},{t:'10:00',n:'Phim truyện'},
+      {t:'12:00',n:'Thời sự trưa'},{t:'14:00',n:'Giải trí'},{t:'16:00',n:'Thể thao miền Bắc'},
+      {t:'18:00',n:'Thời sự chiều'},{t:'20:00',n:'Phim truyện'},{t:'22:00',n:'Thời sự tối'},
+    ],
+    vtv10: [
+      {t:'06:00',n:'Thời sự Tây Nam Bộ'},{t:'08:00',n:'Văn hóa đồng bằng'},{t:'10:00',n:'Phim truyện'},
+      {t:'12:00',n:'Thời sự trưa'},{t:'14:00',n:'Giải trí'},{t:'16:00',n:'Thể thao Tây Nam Bộ'},
+      {t:'18:00',n:'Thời sự chiều'},{t:'20:00',n:'Phim truyện'},{t:'22:00',n:'Thời sự tối'},
+    ],
+    vtvprime: [
+      {t:'06:00',n:'Prime Morning'},{t:'08:00',n:'Prime Cinema'},{t:'10:00',n:'Prime Sports'},
+      {t:'12:00',n:'Prime News'},{t:'14:00',n:'Prime Drama'},{t:'16:00',n:'Prime Entertainment'},
+      {t:'18:00',n:'Prime Evening'},{t:'20:00',n:'Prime Night'},{t:'22:00',n:'Prime Late'},
+    ],
+  };
 
+  const NEEDS_PROXY = /fptplay\.net/;
   const STREAMS = {};
   let _currentCh = null;
   let _hls = null;
   let _loading = false;
+  let _epgVisible = false;
 
   const s = document.createElement('style');
   s.textContent = `
@@ -48,9 +106,46 @@
   .vtv-load{display:flex;align-items:center;justify-content:center;height:180px;color:#00ccff;font-size:12px;flex-direction:column;gap:8px}
   .vtv-spinner{width:24px;height:24px;border:2px solid #333;border-top-color:#00ccff;border-radius:50%;animation:vtvspin .8s linear infinite}
   @keyframes vtvspin{to{transform:rotate(360deg)}}
+  .vtv-epg{margin:0;padding:6px 10px;background:#0a1628;border-top:1px solid #1a2a3a}
+  .vtv-epg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
+  .vtv-epg-title{font-size:10px;font-weight:700;color:#00ccff}
+  .vtv-epg-toggle{background:none;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:2px 8px;border-radius:6px;cursor:pointer}
+  .vtv-epg-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
+  .vtv-epg-list::-webkit-scrollbar{display:none}
+  .vtv-epg-item{flex:0 0 auto;padding:3px 6px;background:#1a2a3a;border-radius:4px;font-size:8px;color:#8ab4d8;white-space:nowrap}
+  .vtv-epg-item.now{background:#0066cc;color:#fff;font-weight:700}
+  .vtv-epg-item .epg-t{font-size:7px;color:#6a8aaa}
+  .vtv-epg-item.now .epg-t{color:#aaccee}
+  .vtv-epg-item .epg-n{color:#ccc;font-size:8px}
+  .vtv-epg-item.now .epg-n{color:#fff}
   `;
   document.head.appendChild(s);
 
+  function getCurrentHour(){
+    return new Date().getHours();
+  }
+
+  function buildEPGHTML(chId){
+    const epg = EPG[chId] || [];
+    if(!epg.length) return '';
+    const curH = getCurrentHour();
+    let items = '';
+    epg.forEach(item => {
+      const itemH = parseInt(item.t.split(':')[0], 10);
+      const isNow = itemH <= curH && (itemH + 2) > curH;
+      items += `<div class="vtv-epg-item${isNow?' now':''}"><div class="epg-t">${item.t}</div><div class="epg-n">${item.n}</div></div>`;
+    });
+    return `<div class="vtv-epg" id="vtv-epg">' +
+      '<div class="vtv-epg-header"><span class="vtv-epg-title">📋 Lịch phát sóng</span>' +
+      '<button class="vtv-epg-toggle" onclick="window._vtvToggleEPG()">Ẩn/Hiện</button></div>' +
+      '<div class="vtv-epg-list" id="vtv-epg-list">' + items + '</div></div>';
+  }
+
+  window._vtvToggleEPG = function(){
+    const list = document.getElementById('vtv-epg-list');
+    if(list) list.style.display = list.style.display === 'none' ? 'flex' : 'none';
+  };
+
   async function loadAllStreams(){
     if(_loading) return;
     _loading = true;
@@ -65,7 +160,6 @@
           const info = data[ch.id];
           if(info && info.stream_url){
             let url = info.stream_url;
-            // If it's a fptplay URL, route through our proxy
             if(NEEDS_PROXY.test(url)){
               url = '/api/proxy/m3u8/vtv?url=' + encodeURIComponent(url);
             }
@@ -79,7 +173,6 @@
       console.warn('VTV API error:', e);
     }
 
-    // Update UI tabs
     CHANNELS.forEach(ch => {
       const tab = document.getElementById('vtvt-'+ch.id);
       if(tab){
@@ -114,15 +207,18 @@
     return w;
   }
 
+  // ===== PIN BLOCK — called only once via loadHome wrapper =====
   function pinBlock(){
     const h = document.getElementById('view-home');
     if(!h || document.getElementById('vtv-block')) return;
     h.insertBefore(buildBlock(), h.firstChild);
     loadAllStreams().then(() => {
-      for(const ch of CHANNELS){
-        if(STREAMS[ch.id] && STREAMS[ch.id].length > 0){
-          setTimeout(() => window._vtvPlay(ch.id), 300);
-          break;
+      // Default to VTV6 if available, otherwise first available channel
+      const tryOrder = ['vtv6','vtv1','vtv2','vtv3','vtv4','vtv5','vtv7','vtv8','vtv9','vtv10'];
+      for(const chId of tryOrder){
+        if(STREAMS[chId] && STREAMS[chId].length > 0){
+          setTimeout(() => window._vtvPlay(chId), 300);
+          return;
         }
       }
     });
@@ -159,6 +255,15 @@
       }
       return;
     }
+    // Update EPG
+    const epgEl = document.getElementById('vtv-epg');
+    if(epgEl) epgEl.remove();
+    const frame = document.querySelector('.vtv-frame');
+    if(frame){
+      const epgDiv = document.createElement('div');
+      epgDiv.innerHTML = buildEPGHTML(chId);
+      frame.appendChild(epgDiv.firstElementChild);
+    }
     _tryPlay(video, urls, 0, ch.name, loadEl, errEl, errMsg);
   };
 
@@ -232,6 +337,7 @@
     }
   }
 
+  // ===== ONLY wrap loadHome — no DOMContentLoaded listener to avoid double-load =====
   const orig = window.loadHome;
   if(orig && !orig.__vtvWrapped){
     window.loadHome = async function(){
@@ -241,6 +347,4 @@
     };
     window.loadHome.__vtvWrapped = true;
   }
-  if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => setTimeout(pinBlock, 500));
-  else setTimeout(pinBlock, 500);
 })();