Spaces:
Runtime error
Runtime error
File size: 2,162 Bytes
e4eeb10 181da2e e4eeb10 826207d e4eeb10 181da2e e4eeb10 826207d 181da2e 826207d 181da2e 826207d 181da2e 826207d 4a5a7e0 826207d 4a5a7e0 d96076f 4a5a7e0 826207d 181da2e e4eeb10 181da2e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<html>
<head>
<title>AI Web TV 🤗</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" />
<!--<link href="https://vjs.zencdn.net/8.3.0/video-js.css" rel="stylesheet" />-->
<!--<link href="https://vjs.zencdn.net/8.3.0/video-js.css" rel="stylesheet" />-->
<script src="/mpegts.js"></script>
</head>
<body class="fixed inset-0 bg-[rgb(0,0,0)] flex flex-col w-full items-center justify-center">
<div class="flex w-full">
<video id="videoElement" muted autoplay class="aspect-video w-full"></video>
</div>
<script>window.HELP_IMPROVE_VIDEOJS = false;</script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script>
<!--<script src="https://vjs.zencdn.net/8.3.0/video.min.js"></script>-->
<script>
(() => {
if (mpegts.getFeatureList().mseLivePlayback) {
var videoElement = document.getElementById('videoElement')
var player = mpegts.createPlayer({
type: 'flv', // could also be mpegts, m2ts, flv
isLive: true,
url: 'https://jbilcke-hf-media-server.hf.space/live/webtv.flv'
})
player.attachMediaElement(videoElement)
player.on(mpegts.Events.ERROR, function (err) {
console.log('got an error:', err)
if (err.type === mpegts.ErrorTypes.NETWORK_ERROR) {
console.log('Network error')
}
});
player.load()
videoElement.addEventListener('ended', function() {
console.log('Stream ended, trying to reload...');
setTimeout(() => {
console.log('Reloading the page..')
//Unloading and loading the source again
// player.unload()
// player.load()
window.location.reload()
}, 1200)
}, false);
player.play()
}
})()
</script>
</body>
</html> |