VNEWS

Running

App Files Files Community

bep40 commited on Jun 16

Commit

6bee349

verified ·

1 Parent(s): a035976

Add VTV debug test page in static folder

Browse files

Files changed (1) hide show

static/vtv_test2.html +116 -0

static/vtv_test2.html ADDED Viewed

	@@ -0,0 +1,116 @@

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>VTV Stream Debug</title>
+<style>
+body{background:#111;color:#eee;font-family:monospace;padding:16px;margin:0}
+h2{color:#5cb87a;font-size:16px}
+video{width:100%;max-width:600px;background:#000;margin:10px 0;display:block}
+#log{background:#1a1a1a;border:1px solid #333;padding:10px;max-height:300px;overflow-y:auto;white-space:pre-wrap;font-size:11px;line-height:1.5}
+.ok{color:#5cb87a}.err{color:#e74c3c}.warn{color:#f0c040}.info{color:#888}
+button{background:#2d8659;border:0;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;margin:4px;font-size:12px}
+select{background:#222;color:#eee;border:1px solid #444;padding:6px;border-radius:6px;font-size:12px}
+</style>
+</head>
+<body>
+<h2>📺 VTV Stream Debug Test</h2>
+<div>
+<select id="ch">
+<option value="vtv1">VTV1</option><option value="vtv2">VTV2</option><option value="vtv3">VTV3</option>
+<option value="vtv4">VTV4</option><option value="vtv5">VTV5</option><option value="vtv6" selected>VTV6</option>
+<option value="vtv7">VTV7</option><option value="vtv8">VTV8</option><option value="vtv9">VTV9</option>
+</select>
+<button onclick="startPlay()">▶ Play</button>
+<button onclick="location.reload()">🔄 Reload</button>
+</div>
+<video id="v" controls autoplay muted playsinline></video>
+<div id="log"></div>
+<script src="https://cdn.jsdelivr.net/npm/hls.js@1.5.13/dist/hls.min.js"></script>
+<script>
+const LOG=(msg,type)=>{const el=document.getElementById('log');const c=type||'info';el.innerHTML+='<span class="'+c+'">['+new Date().toISOString().substr(11,12)+'] '+msg+'\n</span>';el.scrollTop=el.scrollHeight;};
+const VTVGO={"vtv1":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv1-manifest.m3u8","vtv2":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv2-manifest.m3u8","vtv3":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv3-manifest.m3u8","vtv4":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv4-manifest.m3u8","vtv5":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv5-manifest.m3u8","vtv6":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv6-manifest.m3u8","vtv7":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv7-manifest.m3u8","vtv8":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv8-manifest.m3u8","vtv9":"https://vtvgolive-failover.vtvdigital.vn/vtvgo/vtv9-manifest.m3u8"};
+const BASE="https://bep40-vnews.hf.space";
+const video=document.getElementById('v');
+let hls=null;
+LOG('Page loaded','ok');
+LOG('HLS.js: '+(Hls.version||'unknown')+' | supported: '+Hls.isSupported(),'info');
+LOG('Native HLS: '+video.canPlayType('application/vnd.apple.mpegurl'),'info');
+function startPlay(){
+  const ch=document.getElementById('ch').value;
+  const directUrl=VTVGO[ch];
+  const proxyUrl=BASE+'/api/proxy/m3u8/vtv?url='+encodeURIComponent(directUrl);
+  LOG('\n--- Playing '+ch+' ---','info');
+  LOG('Proxy: '+proxyUrl,'info');
+  if(hls){hls.destroy();hls=null;}
+  video.pause();video.src='';
+  if(!Hls.isSupported()){
+    LOG('Using native HLS','warn');
+    video.src=proxyUrl;
+    video.play().then(()=>LOG('Native play OK','ok')).catch(e=>LOG('Native play: '+e,'err'));
+    return;
+  }
+  hls=new Hls({enableWorker:false,lowLatencyMode:true,startLevel:-1,capLevelToPlayerSize:true,maxBufferLength:6,debug:true});
+  hls.attachMedia(video);
+  LOG('attachMedia done','info');
+  hls.on(Hls.Events.MEDIA_ATTACHED,()=>{
+    LOG('MEDIA_ATTACHED','ok');
+    hls.loadSource(proxyUrl);
+    LOG('loadSource: '+proxyUrl.substring(0,60),'info');
+  });
+  hls.on(Hls.Events.MANIFEST_LOADING,()=>LOG('MANIFEST_LOADING','info'));
+  hls.on(Hls.Events.MANIFEST_LOADED,()=>LOG('MANIFEST_LOADED','ok'));
+  hls.on(Hls.Events.MANIFEST_PARSED,(ev,d)=>{
+    LOG('MANIFEST_PARSED: '+d.levels.length+' levels, '+(d.levels[0]?d.levels[0].width+'x'+d.levels[0].height:'?'),'ok');
+    const res=d.levels.map(l=>l.width+'x'+l.height).join(', ');
+    LOG('Available: '+res,'info');
+  });
+  hls.on(Hls.Events.FRAG_LOADED,(ev,d)=>{
+    const sz=d.frag&&d.frag.data&&d.frag.data.length;
+    LOG('FRAG_LOADED #'+d.frag.sn+' size='+sz,'ok');
+  });
+  hls.on(Hls.Events.BUFFER_APPENDED,()=>{
+    const buf=video.buffered;
+    let bufInfo='';
+    if(buf.length>0)bufInfo='buf[0]='+buf.start(0).toFixed(1)+'-'+buf.end(0).toFixed(1);
+    const dur=video.duration;
+    const ct=video.currentTime;
+    LOG('BUFFER_APPENDED '+bufInfo+' dur='+(isFinite(dur)?dur.toFixed(1):'live')+' ct='+ct.toFixed(1),'ok');
+  });
+  hls.on(Hls.Events.ERROR,(ev,data)=>{
+    LOG('ERROR '+data.type+' '+data.details+' fatal='+data.fatal,'err');
+    if(data.url)LOG('  URL: '+data.url.substring(0,80),'err');
+    if(data.fatal){
+      LOG('Fatal error - destroying HLS','err');
+      hls.destroy();hls=null;
+    }
+  });
+  video.addEventListener('playing',()=>LOG('🎬 VIDEO PLAYING!','ok'),{once:true});
+  video.addEventListener('loadeddata',()=>LOG('LOADED DATA','ok'),{once:true});
+  video.addEventListener('error',(e)=>LOG('VIDEO ERROR: '+video.error.code+' '+video.error.message,'err'),{once:true});
+  let checkCount=0;
+  const checkInterval=setInterval(()=>{
+    checkCount++;
+    if(checkCount>20){clearInterval(checkInterval);return;}
+    const state={ready:video.readyState,networkState:video.networkState,w:video.videoWidth,h:video.videoHeight,paused:video.paused,muted:video.muted};
+    LOG('State #'+checkCount+': '+JSON.stringify(state),state.w>0?'ok':'warn');
+    if(state.w>0){LOG('🎉 VIDEO HAS FRAMES '+state.w+'x'+state.h,'ok');clearInterval(checkInterval);}
+    if(video.error){LOG('Error: '+video.error.message,'err');clearInterval(checkInterval);}
+  },1000);
+}
+</script>
+</body>
+</html>