Rewrite VTV player: parse M3U from 3 IPTV sources with HLS.js failover

static/yt_live.js

@@ -1,32 +1,39 @@
-// === 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ơ
+// === VNEWS — VTV1-VTV10 LIVE CHANNELS ===
+// Parses M3U playlists from 3 public IPTV sources:
+//   1. iptv-org/iptv (streams/vn.m3u) — primary, community-maintained
+//   2. Love4vn/Test (VTV.m3u) — VTV-specific backup
+//   3. Ykcitus/IPTV (vietnam.m3u) — general backup
+// Uses HLS.js (loaded in index_v2.html) with auto-failover between sources
 
 (function(){
-  // Channel definitions — stream URLs fetched from backend
+  if(window._ytLiveLoaded) return;
+  window._ytLiveLoaded = true;
+
   const CHANNELS = [
-    {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:'🟡'},
+    {id:'vtv1',  name:'VTV1',        patterns:['VTV1']},
+    {id:'vtv2',  name:'VTV2',        patterns:['VTV2']},
+    {id:'vtv3',  name:'VTV3',        patterns:['VTV3']},
+    {id:'vtv4',  name:'VTV4',        patterns:['VTV4']},
+    {id:'vtv5',  name:'VTV5',        patterns:['VTV5','VTV5HD']},
+    {id:'vtv6',  name:'VTV6',        patterns:['VTV6']},
+    {id:'vtv7',  name:'VTV7',        patterns:['VTV7']},
+    {id:'vtv8',  name:'VTV8',        patterns:['VTV8']},
+    {id:'vtv9',  name:'VTV9',        patterns:['VTV9']},
+    {id:'vtv10', name:'VTV Cần Thơ', patterns:['VTV Cần Thơ','VTV Can Tho','VTVCT','vtvcantho','Cần Thơ']},
   ];
 
-  // Fetched stream URLs (populated by _fetchStreams)
-  const STREAMS = {};
+  const M3U_SOURCES = [
+    {name:'iptv-org', url:'https://raw.githubusercontent.com/iptv-org/iptv/master/streams/vn.m3u'},
+    {name:'Love4vn',  url:'https://raw.githubusercontent.com/Love4vn/Test/master/VTV.m3u'},
+    {name:'Ykcitus',  url:'https://raw.githubusercontent.com/Ykcitus/IPTV/master/vietnam.m3u'},
+  ];
 
+  const STREAMS = {};
   let _currentCh = null;
   let _hls = null;
-  let _fetching = false;
+  let _loading = false;
 
-  if(document.getElementById('vtv-css')) return;
-  const s=document.createElement('style'); s.id='vtv-css';
+  const s=document.createElement('style');
   s.textContent=`
   .vtv-wrap{margin:6px 4px;background:#111;border:1px solid #0066cc;border-radius:10px;overflow:hidden}
   .vtv-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(90deg,#003366,#1a1a1a)}
@@ -38,7 +45,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-tab.off{opacity:.35;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}
@@ -49,69 +56,109 @@
   `;
   document.head.appendChild(s);
 
-  function buildBlock(){
-    const w=document.createElement('div'); w.className='vtv-wrap'; w.id='vtv-block';
-    let tabs='';
-    CHANNELS.forEach(ch=>{
-      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 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>';
-    return w;
+  function parseM3U(text){
+    const lines = text.split('\n');
+    const entries = [];
+    let cur = null;
+    for(let i=0; i<lines.length; i++){
+      const line = lines[i].trim();
+      if(line.startsWith('#EXTINF:')){
+        cur = {info: line, url: ''};
+        const nameMatch = line.match(/,(.+)$/);
+        cur.name = nameMatch ? nameMatch[1].trim() : '';
+        const tvgMatch = line.match(/tvg-id="([^"]*)"/);
+        cur.tvgId = tvgMatch ? tvgMatch[1] : '';
+      } else if(line && !line.startsWith('#') && cur){
+        cur.url = line;
+        entries.push(cur);
+        cur = null;
+      }
+    }
+    return entries;
   }
 
-  function pinBlock(){
-    const h=document.getElementById('view-home');
-    if(!h||document.getElementById('vtv-block')) return;
-    h.insertBefore(buildBlock(), h.firstChild);
-    _fetchStreams();
+  function matchChannel(entry, channel){
+    const searchText = (entry.name + ' ' + entry.tvgId + ' ' + entry.info).toLowerCase();
+    for(const pat of channel.patterns){
+      if(searchText.includes(pat.toLowerCase())){
+        if(channel.id === 'vtv5' && (searchText.includes('tây') || searchText.includes('tay'))) continue;
+        return true;
+      }
+    }
+    return false;
   }
 
-  // Fetch stream URLs from backend
-  window._fetchVtvStreams = async function(){
-    if(_fetching) return;
-    _fetching = true;
+  async function fetchM3U(url){
     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';
+      const r = await fetch(url, {signal: AbortSignal.timeout(10000)});
+      if(r.ok) return await r.text();
+    }catch(e){}
+    return null;
+  }
+
+  async function loadAllStreams(){
+    if(_loading) return;
+    _loading = true;
+    const results = await Promise.allSettled(M3U_SOURCES.map(src => fetchM3U(src.url)));
+    CHANNELS.forEach(ch => { STREAMS[ch.id] = []; });
+    results.forEach((result) => {
+      if(result.status === 'fulfilled' && result.value){
+        const entries = parseM3U(result.value);
+        CHANNELS.forEach(ch => {
+          for(const entry of entries){
+            if(matchChannel(entry, ch)){
+              if(entry.url && !STREAMS[ch.id].includes(entry.url)){
+                STREAMS[ch.id].push(entry.url);
               }
+              break;
             }
-          });
+          }
+        });
+      }
+    });
+    CHANNELS.forEach(ch => {
+      const tab = document.getElementById('vtvt-'+ch.id);
+      if(tab){
+        if(STREAMS[ch.id].length > 0){
+          tab.classList.remove('off');
+        } else {
+          tab.style.opacity = '0.35';
+          tab.textContent = ch.name + ' ✕';
         }
       }
-    }catch(e){
-      console.warn('VTV streams fetch failed:', e);
-    }
-    _fetching = false;
-  };
+    });
+    _loading = 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);
+  function buildBlock(){
+    const w = document.createElement('div');
+    w.className = 'vtv-wrap';
+    w.id = 'vtv-block';
+    let tabs = '';
+    CHANNELS.forEach(ch => {
+      tabs += '<button class="vtv-tab off" id="vtvt-'+ch.id+'" onclick="window._vtvPlay(\''+ch.id+'\')">'+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 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>';
+    return w;
+  }
+
+  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;
+        }
       }
     });
   }
@@ -120,98 +167,98 @@
     if(_currentCh) window._vtvPlay(_currentCh);
   };
 
-  window._vtvPlay = async function(chId){
-    const ch = CHANNELS.find(c=>c.id===chId);
+  window._vtvPlay = function(chId){
+    const ch = CHANNELS.find(c => c.id === chId);
     if(!ch) return;
     _currentCh = chId;
-
-    document.querySelectorAll('.vtv-tab').forEach(t=>t.classList.remove('on'));
-    const tab=document.getElementById('vtvt-'+chId);
+    document.querySelectorAll('.vtv-tab').forEach(t => t.classList.remove('on'));
+    const tab = document.getElementById('vtvt-'+chId);
     if(tab) tab.classList.add('on');
-
-    const video=document.getElementById('vtv-player');
-    const errEl=document.getElementById('vtv-err');
-    const loadEl=document.getElementById('vtv-load');
-    const errMsg=document.getElementById('vtv-err-msg');
-    video.style.display='none'; errEl.style.display='none'; loadEl.style.display='flex';
-    loadEl.innerHTML='<div class="vtv-spinner"></div>Đang kết nối '+ch.name+'...';
-
-    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';
+    const video = document.getElementById('vtv-player');
+    const errEl = document.getElementById('vtv-err');
+    const loadEl = document.getElementById('vtv-load');
+    const errMsg = document.getElementById('vtv-err-msg');
+    video.style.display = 'none';
+    errEl.style.display = 'none';
+    loadEl.style.display = 'flex';
+    loadEl.innerHTML = '<div class="vtv-spinner"></div>Đang kết nối ' + ch.name + '...';
+    if(_hls){ _hls.destroy(); _hls = null; }
+    const urls = STREAMS[chId] || [];
+    if(urls.length === 0){
+      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(streamUrl);
-    _playStream(video, proxyUrl, ch.name, loadEl, errEl, errMsg);
+    _tryPlay(video, urls, 0, ch.name, loadEl, errEl, errMsg);
   };
 
-  function _playStream(video, src, name, loadEl, errEl, errMsg){
-    if(typeof Hls!=='undefined' && Hls.isSupported()){
+  function _tryPlay(video, urls, idx, name, loadEl, errEl, errMsg){
+    if(idx >= urls.length){
+      loadEl.style.display = 'none';
+      errEl.style.display = 'flex';
+      errMsg.textContent = name + ': Tất cả nguồn đều lỗi. Thử lại sau.';
+      return;
+    }
+    const src = urls[idx];
+    const sourceLabel = ' (' + (idx+1) + '/' + urls.length + ')';
+    loadEl.innerHTML = '<div class="vtv-spinner"></div>Đang kết nối ' + name + sourceLabel + '...';
+    if(typeof Hls !== 'undefined' && Hls.isSupported()){
       const hls = new Hls({
-        enableWorker:true,
-        lowLatencyMode:true,
-        startLevel:-1,
-        capLevelToPlayerSize:true,
-        maxBufferLength:20,
+        enableWorker: true,
+        lowLatencyMode: true,
+        startLevel: -1,
+        capLevelToPlayerSize: true,
+        maxBufferLength: 20,
         xhrSetup: function(xhr, url){
-          xhr.setRequestHeader('Referer', 'https://fptplay.vn/');
-          xhr.setRequestHeader('Origin', 'https://fptplay.vn');
+          if(url.includes('fptplay')){
+            xhr.setRequestHeader('Referer', 'https://fptplay.vn/');
+            xhr.setRequestHeader('Origin', 'https://fptplay.vn');
+          }
         }
       });
       _hls = hls;
       hls.loadSource(src);
       hls.attachMedia(video);
-      hls.on(Hls.Events.MANIFEST_PARSED, ()=>{
-        video.play().catch(()=>{});
-        loadEl.style.display='none'; video.style.display='block';
+      hls.on(Hls.Events.MANIFEST_PARSED, () => {
+        video.play().catch(() => {});
+        loadEl.style.display = 'none';
+        video.style.display = 'block';
       });
-      hls.on(Hls.Events.ERROR, (ev, data)=>{
+      hls.on(Hls.Events.ERROR, (ev, data) => {
         if(data.fatal){
-          if(data.type===Hls.ErrorTypes.NETWORK_ERROR){
-            setTimeout(()=>hls.startLoad(), 2000);
-          } else if(data.type===Hls.ErrorTypes.MEDIA_ERROR){
+          if(data.type === Hls.ErrorTypes.NETWORK_ERROR){
+            setTimeout(() => {
+              hls.destroy();
+              _hls = null;
+              _tryPlay(video, urls, idx + 1, name, loadEl, errEl, errMsg);
+            }, 1500);
+          } else if(data.type === Hls.ErrorTypes.MEDIA_ERROR){
             hls.recoverMediaError();
           } else {
-            hls.destroy(); _hls=null;
-            loadEl.style.display='none'; errEl.style.display='flex';
-            errMsg.textContent=name+': Luồng bị gián đoạn. Thử lại sau.';
+            hls.destroy();
+            _hls = null;
+            _tryPlay(video, urls, idx + 1, name, loadEl, errEl, errMsg);
           }
         }
       });
     } else if(video.canPlayType('application/vnd.apple.mpegurl')){
       video.src = src;
-      video.addEventListener('loadedmetadata',()=>{
-        video.play().catch(()=>{});
-        loadEl.style.display='none'; video.style.display='block';
-      },{once:true});
-      video.addEventListener('error',()=>{
-        loadEl.style.display='none'; errEl.style.display='flex';
-        errMsg.textContent=name+': Không phát được';
-      },{once:true});
+      video.addEventListener('loadedmetadata', () => {
+        video.play().catch(() => {});
+        loadEl.style.display = 'none';
+        video.style.display = 'block';
+      }, {once: true});
+      video.addEventListener('error', () => {
+        _tryPlay(video, urls, idx + 1, name, loadEl, errEl, errMsg);
+      }, {once: true});
     } else {
-      loadEl.style.display='none'; errEl.style.display='flex';
-      errMsg.textContent='Trình duyệt không hỗ trợ HLS';
+      loadEl.style.display = 'none';
+      errEl.style.display = 'flex';
+      errMsg.textContent = 'Trình duyệt không hỗ trợ HLS';
     }
   }
 
-  // Wrap loadHome
   const orig = window.loadHome;
   if(orig && !orig.__vtvWrapped){
     window.loadHome = async function(){
@@ -221,6 +268,6 @@
     };
     window.loadHome.__vtvWrapped = true;
   }
-  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',()=>setTimeout(pinBlock,500));
-  else setTimeout(pinBlock,500);
+  if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => setTimeout(pinBlock, 500));
+  else setTimeout(pinBlock, 500);
 })();