Fix VTV player: add VTV6, VTV10, fetch streams from backend API

static/yt_live.js

@@ -1,25 +1,29 @@
-// === VNEWS — VTV1-VTV9 + VTV Cần Thơ LIVE CHANNELS ===
-// Uses fptplay CDN streams via backend proxy (to add Referer header)
-// VTV6 slot = VTV Cần Thơ (vtvcantho)
-// Sources: xemtv.net, iptv-org, fptplay CDN
+// === VNEWS — VTV1-VTV10 + VTV Cần Thơ LIVE CHANNELS ===
+// Fetches stream URLs from backend API (which scrapes xemtv.net PHP endpoints)
+// Backend proxy adds proper Referer/Origin headers for fptplay CDN
+// VTV6 = su-kien-03 (event channel), VTV10 = VTV Cần Thơ
 
 (function(){
-  // Channel definitions: name -> fptplay stream path
-  // These are the actual stream URLs extracted from xemtv.net pages
+  // Channel definitions — stream URLs fetched from backend
   const CHANNELS = [
-    {id:'vtv1',  name:'VTV1',         stream:'https://live.fptplay53.net/fnxch2/vtv1hd_abr.smil/chunklist.m3u8',           icon:'🔴'},
-    {id:'vtv2',  name:'VTV2',         stream:'https://live.fptplay53.net/fnxch2/vtv2hd_abr.smil/chunklist.m3u8',           icon:'🟠'},
-    {id:'vtv3',  name:'VTV3',         stream:'https://live.fptplay53.net/fnxch2/vtv3hd_abr.smil/chunklist.m3u8',           icon:'🟡'},
-    {id:'vtv4',  name:'VTV4',         stream:'https://live.fptplay53.net/fnxch2/vtv4hd_abr.smil/chunklist.m3u8',           icon:'🟢'},
-    {id:'vtv5',  name:'VTV5',         stream:'https://live-a.fptplay53.net/live/media/VTV5HD/live_hls_avc/index.m3u8',    icon:'🔵'},
-    {id:'vtvct', name:'VTV Cần Thơ',  stream:'https://live.fptplay53.net/fnxch2/vtvcantho_abr.smil/chunklist.m3u8',        icon:'🟣'},
-    {id:'vtv7',  name:'VTV7',         stream:'https://live.fptplay53.net/fnxhd1/vtv7hd_vhls.smil/chunklist_b5000000.m3u8',icon:'⚪'},
-    {id:'vtv8',  name:'VTV8',         stream:'https://live.fptplay53.net/epzhd1/vtv8hd_vhls.smil/chunklist.m3u8',          icon:'🟤'},
-    {id:'vtv9',  name:'VTV9',         stream:'https://live.fptplay53.net/fnxhd1/vtv9hd_vhls.smil/chunklist.m3u8',          icon:'🔴'},
+    {id:'vtv1',  name:'VTV1',         icon:'🔴'},
+    {id:'vtv2',  name:'VTV2',         icon:'🟠'},
+    {id:'vtv3',  name:'VTV3',         icon:'🟡'},
+    {id:'vtv4',  name:'VTV4',         icon:'🟢'},
+    {id:'vtv5',  name:'VTV5',         icon:'🔵'},
+    {id:'vtv6',  name:'VTV6',         icon:'🟣'},
+    {id:'vtv7',  name:'VTV7',         icon:'⚪'},
+    {id:'vtv8',  name:'VTV8',         icon:'🟤'},
+    {id:'vtv9',  name:'VTV9',         icon:'🔴'},
+    {id:'vtv10', name:'VTV Cần Thơ',  icon:'🟡'},
   ];
 
+  // Fetched stream URLs (populated by _fetchStreams)
+  const STREAMS = {};
+
   let _currentCh = null;
   let _hls = null;
+  let _fetching = false;
 
   if(document.getElementById('vtv-css')) return;
   const s=document.createElement('style'); s.id='vtv-css';
@@ -34,6 +38,7 @@
   .vtv-tab{padding:4px 8px;background:#1a2a3a;border:1px solid #2a3a4a;border-radius:10px;color:#8ab4d8;font-size:9px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}
   .vtv-tab:hover{background:#0b4a7a;color:#fff}
   .vtv-tab.on{background:#0066cc;border-color:#00ccff;color:#fff;font-weight:700}
+  .vtv-tab.off{opacity:.4;pointer-events:none}
   .vtv-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;min-height:180px}
   .vtv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
   .vtv-err{display:flex;align-items:center;justify-content:center;height:180px;color:#888;font-size:12px;text-align:center;padding:20px;flex-direction:column;gap:8px}
@@ -48,13 +53,13 @@
     const w=document.createElement('div'); w.className='vtv-wrap'; w.id='vtv-block';
     let tabs='';
     CHANNELS.forEach(ch=>{
-      tabs+=`<button class="vtv-tab" id="vtvt-${ch.id}" onclick="window._vtvPlay('${ch.id}')">${ch.icon} ${ch.name}</button>`;
+      tabs+=`<button class="vtv-tab off" id="vtvt-${ch.id}" onclick="window._vtvPlay('${ch.id}')">${ch.icon} ${ch.name}</button>`;
     });
     w.innerHTML=
       '<div class="vtv-head"><span class="vtv-title">📺 VTV Trực Tuyến</span><span class="vtv-badge">● LIVE</span></div>'+
       '<div class="vtv-tabs">'+tabs+'</div>'+
       '<div class="vtv-frame">'+
-        '<div class="vtv-load" id="vtv-load"><div class="vtv-spinner"></div>Đang tải kênh...</div>'+
+        '<div class="vtv-load" id="vtv-load"><div class="vtv-spinner"></div>Đang tải danh sách kênh...</div>'+
         '<video id="vtv-player" playsinline muted controls preload="auto" style="display:none"></video>'+
         '<div class="vtv-err" id="vtv-err" style="display:none"><span id="vtv-err-msg">Không thể tải kênh</span><button onclick="window._vtvRetry()">Thử lại</button></div>'+
       '</div>';
@@ -65,7 +70,50 @@
     const h=document.getElementById('view-home');
     if(!h||document.getElementById('vtv-block')) return;
     h.insertBefore(buildBlock(), h.firstChild);
-    setTimeout(()=>window._vtvPlay('vtv3'), 800);
+    _fetchStreams();
+  }
+
+  // Fetch stream URLs from backend
+  window._fetchVtvStreams = async function(){
+    if(_fetching) return;
+    _fetching = true;
+    try{
+      const r = await fetch('/api/vtv/streams');
+      if(r.ok){
+        const data = await r.json();
+        if(data.channels){
+          data.channels.forEach(ch=>{
+            if(ch.stream_url) STREAMS[ch.id] = ch.stream_url;
+          });
+          // Enable tabs for channels that have streams
+          CHANNELS.forEach(ch=>{
+            const tab = document.getElementById('vtvt-'+ch.id);
+            if(tab){
+              if(STREAMS[ch.id]){
+                tab.classList.remove('off');
+              } else {
+                tab.textContent = ch.icon + ' ' + ch.name + ' ✕';
+                tab.style.opacity = '0.4';
+              }
+            }
+          });
+        }
+      }
+    }catch(e){
+      console.warn('VTV streams fetch failed:', e);
+    }
+    _fetching = false;
+  };
+
+  function _fetchStreams(){
+    window._fetchVtvStreams().then(()=>{
+      // Auto-play VTV3 if available
+      if(STREAMS['vtv3']){
+        setTimeout(()=>window._vtvPlay('vtv3'), 500);
+      } else if(STREAMS['vtv1']){
+        setTimeout(()=>window._vtvPlay('vtv1'), 500);
+      }
+    });
   }
 
   window._vtvRetry = function(){
@@ -90,8 +138,27 @@
 
     if(_hls){_hls.destroy(); _hls=null;}
 
+    // Get stream URL — fetch fresh if not cached
+    let streamUrl = STREAMS[chId];
+    if(!streamUrl){
+      try{
+        const r = await fetch('/api/vtv/stream/'+encodeURIComponent(ch.name));
+        if(r.ok){
+          const d = await r.json();
+          streamUrl = d.stream_url;
+          if(streamUrl) STREAMS[chId] = streamUrl;
+        }
+      }catch(e){}
+    }
+
+    if(!streamUrl){
+      loadEl.style.display='none'; errEl.style.display='flex';
+      errMsg.textContent = ch.name + ': Không tìm thấy luồng. Thử lại sau.';
+      return;
+    }
+
     // Use our proxy endpoint to fetch stream with proper Referer
-    const proxyUrl = '/api/proxy/hls?url='+encodeURIComponent(ch.stream);
+    const proxyUrl = '/api/proxy/hls?url='+encodeURIComponent(streamUrl);
     _playStream(video, proxyUrl, ch.name, loadEl, errEl, errMsg);
   };