add Dockerfile and docker-compose for multi-stage build; update .gitignore and various HTML examples

This commit is contained in:
Elmar Kresse
2025-12-28 15:50:59 +01:00
parent 49a1ef45da
commit 0d376597d6
10 changed files with 189 additions and 23 deletions

View File

@@ -50,7 +50,8 @@
// Check if HLS.js is supported
if (Hls.isSupported()) {
const hls = new Hls();
const proxyUrl = 'http://127.0.0.1:8090/cors?url=https://brevent.akamaized.net/hls/live/2028222/event_05/master1080p5000.m3u8';
const localwindowurl = window.location.origin;
const proxyUrl = localwindowurl + '/cors?url=https://brevent.akamaized.net/hls/live/2028222/event_05/master1080p5000.m3u8';
hls.loadSource(proxyUrl);
hls.attachMedia(videoPlayer);
} else {

View File

@@ -35,25 +35,11 @@
<body>
<div id="video-container">
<video id="videoPlayer" controls autoplay playsinline muted></video>
<button id="fullscreen-button">Fullscreen</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
const videoPlayer = document.getElementById('videoPlayer');
const fullscreenButton = document.getElementById('fullscreen-button');
fullscreenButton.addEventListener('click', () => {
if (videoPlayer.requestFullscreen) {
videoPlayer.requestFullscreen();
} else if (videoPlayer.mozRequestFullScreen) { /* Firefox */
videoPlayer.mozRequestFullScreen();
} else if (videoPlayer.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
videoPlayer.webkitRequestFullscreen();
} else if (videoPlayer.msRequestFullscreen) { /* IE/Edge */
videoPlayer.msRequestFullscreen();
}
});
// Add event listener when video ends to loop it
videoPlayer.addEventListener('ended', function() {
@@ -64,11 +50,12 @@
// Check if HLS.js is supported
if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource('https://ch-fra-n16.livespotting.com/vpu/qjkdtjva/4ctm3g1a_720.m3u8');
const proxyUrl = 'https://ch-fra-n16.livespotting.com/vpu/qjkdtjva/4ctm3g1a_720.m3u8';
hls.loadSource(proxyUrl);
hls.attachMedia(videoPlayer);
} else {
console.error('HLS not supported');
}
</script>
</body>
</html>
</html>

View File

@@ -20,7 +20,7 @@
</style>
</head>
<body>
<iframe src="https://webtv.feratel.com/webtv/?cam=3175&design=v4&pg=5EB12424-7C2D-428A-BEFF-0C9140CD772F" id="embedded-frame"></iframe>
<iframe src="https://webtv.feratel.com/webtv/?design=v4&pg=5EB12424-7C2D-428A-BEFF-0C9140CD772F&cam=3175" id="embedded-frame"></iframe>
<script>
const iframe = document.getElementById('embedded-frame');

View File

@@ -19,7 +19,7 @@
</style>
</head>
<body>
<iframe src="https://radar.wo-cloud.com/desktop/rr/interactive?wry=51.83,10.78&wrn=V2VybmlnZXJvZGU%3D&wrg=10454&wrf=true&wrx=51.83,10.78&wro=true&wrm=8" id="embedded-frame"></iframe>
<iframe src="https://radar.wo-cloud.com/desktop/wr/interactive?wry=51.83,10.78&wrn=V2VybmlnZXJvZGU%3D&wrg=10454&wrf=false&wrx=51.83,10.78&wro=true&wrm=9" id="embedded-frame"></iframe>
<script>
const iframe = document.getElementById('embedded-frame');