2026-04-23 23:40:34 -03:00
|
|
|
import { type NextRequest, NextResponse } from "next/server"
|
|
|
|
|
|
|
|
|
|
type Ctx = { params: Promise<{ id: string }> }
|
|
|
|
|
|
2026-04-26 03:02:31 -03:00
|
|
|
export async function GET(_req: NextRequest, { params }: Ctx) {
|
2026-04-23 23:40:34 -03:00
|
|
|
const { id } = await params
|
|
|
|
|
|
|
|
|
|
const html = `<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<style>
|
|
|
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
|
|
|
html,body{background:#000;overflow:hidden;width:100%;height:100%}
|
|
|
|
|
video{width:100vw;height:100vh;display:block;object-fit:contain}
|
|
|
|
|
#msg{
|
|
|
|
|
position:fixed;top:16px;left:50%;transform:translateX(-50%);
|
|
|
|
|
background:rgba(0,0,0,0.75);color:#fff;padding:8px 20px;
|
|
|
|
|
border-radius:8px;font-family:sans-serif;font-size:34px;
|
|
|
|
|
display:none;z-index:9
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<video id="v" autoplay muted playsinline></video>
|
|
|
|
|
<div id="msg"></div>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.4.12/hls.min.js"></script>
|
|
|
|
|
<script>
|
2026-04-27 13:57:15 -03:00
|
|
|
var streamId='${id}';
|
|
|
|
|
var proxyUrl='/api/hls/live/'+streamId+'/index.m3u8';
|
|
|
|
|
var directUrl='http://'+window.location.hostname+':8888/live/'+streamId+'/index.m3u8';
|
|
|
|
|
var activeSrc=proxyUrl;
|
2026-04-23 23:40:34 -03:00
|
|
|
var hls;
|
2026-04-27 13:57:15 -03:00
|
|
|
|
2026-04-23 23:40:34 -03:00
|
|
|
function showMsg(t){
|
|
|
|
|
var m=document.getElementById('msg');
|
|
|
|
|
m.textContent=t;m.style.display='block';
|
|
|
|
|
setTimeout(function(){m.style.display='none';},4000);
|
|
|
|
|
}
|
2026-04-27 13:57:15 -03:00
|
|
|
|
|
|
|
|
function load(src){
|
|
|
|
|
activeSrc=src;
|
2026-04-23 23:40:34 -03:00
|
|
|
if(hls)hls.destroy();
|
|
|
|
|
hls=new Hls({
|
|
|
|
|
liveSyncDurationCount:2,liveMaxLatencyDurationCount:4,
|
|
|
|
|
manifestLoadingTimeOut:10000,manifestLoadingMaxRetry:10,
|
|
|
|
|
fragLoadingTimeOut:10000,fragLoadingMaxRetry:10
|
|
|
|
|
});
|
|
|
|
|
hls.loadSource(src);
|
|
|
|
|
hls.attachMedia(document.getElementById('v'));
|
|
|
|
|
hls.on(Hls.Events.MANIFEST_PARSED,function(){document.getElementById('v').play();});
|
|
|
|
|
hls.on(Hls.Events.ERROR,function(e,d){
|
2026-04-27 13:57:15 -03:00
|
|
|
if(d.fatal){showMsg('Erro: '+d.type+' — reconectando...');setTimeout(function(){load(activeSrc);},3000);}
|
2026-04-23 23:40:34 -03:00
|
|
|
});
|
|
|
|
|
}
|
2026-04-27 13:57:15 -03:00
|
|
|
|
2026-04-23 23:40:34 -03:00
|
|
|
var last=0;
|
|
|
|
|
setInterval(function(){
|
|
|
|
|
var v=document.getElementById('v');
|
2026-04-27 13:57:15 -03:00
|
|
|
if(v.currentTime===last&&!v.paused){showMsg('Stream travada — recarregando...');load(activeSrc);}
|
2026-04-23 23:40:34 -03:00
|
|
|
last=v.currentTime;
|
|
|
|
|
},10000);
|
2026-04-27 13:57:15 -03:00
|
|
|
|
2026-04-28 10:34:04 -03:00
|
|
|
var ctrl=new AbortController();
|
|
|
|
|
var fetchTimer=setTimeout(function(){ctrl.abort();},2000);
|
|
|
|
|
fetch(directUrl,{method:'HEAD',signal:ctrl.signal})
|
|
|
|
|
.then(function(){clearTimeout(fetchTimer);load(directUrl);})
|
|
|
|
|
.catch(function(){clearTimeout(fetchTimer);load(proxyUrl);});
|
2026-04-23 23:40:34 -03:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>`
|
|
|
|
|
|
|
|
|
|
return new NextResponse(html, {
|
|
|
|
|
headers: { "Content-Type": "text/html; charset=utf-8" },
|
|
|
|
|
})
|
2026-04-27 13:57:15 -03:00
|
|
|
}
|
