Restore yt_live_v2.js for VTV live channels

static/yt_live_v2.js

@@ -0,0 +1,72 @@
+// === VNEWS — VTV1-VTV10 + VTVPrime LIVE CHANNELS + EPG ===
+(function(){
+  if(window._ytLiveLoaded) return;
+  window._ytLiveLoaded = true;
+  const CHANNELS = [
+    {id:'vtv1',name:'VTV1',badge:'Tin tức'},{id:'vtv2',name:'VTV2',badge:'Khoa học'},{id:'vtv3',name:'VTV3',badge:'Giải trí'},
+    {id:'vtv4',name:'VTV4',badge:'Quốc tế'},{id:'vtv5',name:'VTV5',badge:'Miền Nam'},{id:'vtv6',name:'VTV6',badge:'Thanh niên'},
+    {id:'vtv7',name:'VTV7',badge:'Giáo dục'},{id:'vtv8',name:'VTV8',badge:'Miền Trung'},{id:'vtv9',name:'VTV9',badge:'Miền Bắc'},
+    {id:'vtv10',name:'VTV10',badge:'VTV10'},{id:'vtvprime',name:'VTVPrime',badge:'Prime'},
+  ];
+  const STREAMS = {};
+  let _currentCh = null, _hls = null, _loading = false;
+  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)}.vtv-title{font-size:13px;font-weight:800;color:#00ccff}.vtv-badge{font-size:10px;font-weight:800;color:#00ccff;animation:vtvp 1.3s infinite}@keyframes vtvp{0%,100%{opacity:1}50%{opacity:.3}}.vtv-tabs{display:flex;gap:3px;padding:6px 8px;overflow-x:auto;scrollbar-width:none;background:#0d1a2a}.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}.vtv-tab.on{background:#0066cc;border-color:#00ccff;color:#fff;font-weight:700}.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;flex-direction:column;gap:8px}.vtv-err button{background:#0066cc;border:none;color:#fff;padding:6px 14px;border-radius:8px;font-size:11px;cursor:pointer}.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)}}';
+  document.head.appendChild(s);
+
+  async function loadAllStreams(){
+    if(_loading) return; _loading = true;
+    const loadEl = document.getElementById('vtv-load');
+    if(loadEl) loadEl.innerHTML = '<div class="vtv-spinner"></div>Đang tải danh sách kênh...';
+    try { const r = await fetch('/api/vtv/streams',{signal:AbortSignal.timeout(10000)}); if(r.ok){ const data = await r.json(); CHANNELS.forEach(ch => { const info = data[ch.id]; STREAMS[ch.id] = (info && info.stream_url) ? ['/api/proxy/m3u8/vtv?url='+encodeURIComponent(info.stream_url)] : []; }); } } catch(e){}
+    CHANNELS.forEach(ch => { const tab = document.getElementById('vtvt-'+ch.id); if(tab){ if(STREAMS[ch.id]&&STREAMS[ch.id].length>0){tab.classList.remove('off');tab.textContent=ch.name;}else{tab.style.opacity='0.35';tab.textContent=ch.name+' ✕';} } });
+    _loading = false;
+  }
+
+  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(() => { const order=['vtv6','vtv1','vtv2','vtv3','vtv4','vtv5','vtv7','vtv8','vtv9','vtv10']; for(const c of order){if(STREAMS[c]&&STREAMS[c].length>0){setTimeout(()=>window._vtvPlay(c),300);return;}} });
+  }
+
+  window._vtvRetry = function(){ if(_currentCh) window._vtvPlay(_currentCh); };
+
+  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); if(tab) tab.classList.add('on');
+    const video = document.getElementById('vtv-player'), errEl = document.getElementById('vtv-err'), loadEl = document.getElementById('vtv-load'), 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){loadEl.style.display='none';errEl.style.display='flex';errMsg.textContent=ch.name+': Không tìm thấy luồng.';return;}
+    _tryPlay(video, urls, 0, ch.name, loadEl, errEl, errMsg);
+  };
+
+  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 lỗi.';return;}
+    const src=urls[idx]; loadEl.innerHTML='<div class="vtv-spinner"></div>Đang kết nối '+name+' ('+(idx+1)+'/'+urls.length+')...';
+    if(typeof Hls!=='undefined'&&Hls.isSupported()){
+      const hls=new Hls({enableWorker:true,lowLatencyMode:true,startLevel:-1,capLevelToPlayerSize:true,maxBufferLength:20,xhrSetup:function(xhr,url){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';});
+      let ra=0; hls.on(Hls.Events.ERROR,(ev,data)=>{if(data.fatal){if(data.type===Hls.ErrorTypes.NETWORK_ERROR){ra++;if(ra<=3)setTimeout(()=>hls.startLoad(),2000);else{hls.destroy();_hls=null;_tryPlay(video,urls,idx+1,name,loadEl,errEl,errMsg);}}else if(data.type===Hls.ErrorTypes.MEDIA_ERROR){try{hls.recoverMediaError();}catch(e){}}else{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',()=>{_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';}
+  }
+
+  const orig=window.loadHome;
+  if(orig&&!orig.__vtvWrapped){window.loadHome=async function(){const r=await orig.apply(this,arguments);try{pinBlock();}catch(e){}return r;};window.loadHome.__vtvWrapped=true;}
+})();