Merge remote-tracking branch 'origin/master'

This commit is contained in:
masterElmar
2024-10-13 11:58:49 +02:00
4 changed files with 92 additions and 21 deletions

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://brevent.akamaized.net/hls/live/2028222-b/event_05/master_1280p_3328.m3u8');
const proxyUrl = 'http://127.0.0.1:8090/cors?url=https://brevent.akamaized.net/hls/live/2028222/event_05/master1080p5000.m3u8';
hls.loadSource(proxyUrl);
hls.attachMedia(videoPlayer);
} else {
console.error('HLS not supported');
}
</script>
</body>
</html>
</html>