Michael/xtremflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremflow.git synced 2026-10-11 17:30:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add IPTV player with HLS.js and mpegts.js for stream playback and parent communication.

Browse Source
This commit is contained in:
Michael committed 2025-12-07 15:05:01 +01:00
1 parent 5b1cd36737
commit 703193870f
1 file changed
+22 -6
Download Patch File Download Diff File Expand all files Collapse all files
web/player.html
+22 -6
View File
@@ -97,7 +97,8 @@
<body>
<div id="player-container">
<video id="video" autoplay></video>
<!-- paysinline is CRITICAL for iOS to play inline instead of fullscreen -->
<video id="video" autoplay playsinline></video>
<div id="loading">
<div class="spinner"></div>
<div id="loading-text">Loading stream...</div>
@@ -344,7 +345,10 @@
hls.on(Hls.Events.MANIFEST_PARSED, () => {
log('HLS manifest parsed, starting playback');
hideLoading();
video.play().catch(e => log('Autoplay prevented: ' + e));
video.play().catch(e => {
log('Autoplay prevented: ' + e);
window.parent.postMessage({ type: 'playback_status', status: 'paused' }, '*');
});
});
// Better error recovery
@@ -406,7 +410,10 @@
video.addEventListener('canplay', () => {
log('MPEG-TS stream ready');
hideLoading();
video.play().catch(e => log('Autoplay prevented: ' + e));
video.play().catch(e => {
log('Autoplay prevented: ' + e);
window.parent.postMessage({ type: 'playback_status', status: 'paused' }, '*');
});
});
video.addEventListener('error', (e) => {
@@ -440,7 +447,10 @@
video.addEventListener('canplay', () => {
hideLoading();
video.play().catch(e => log('Autoplay prevented: ' + e));
video.play().catch(e => {
log('Autoplay prevented: ' + e);
window.parent.postMessage({ type: 'playback_status', status: 'paused' }, '*');
});
}, { once: true });
video.addEventListener('error', (e) => {
@@ -514,7 +524,10 @@
const onCanPlay = () => {
playStarted = true;
hideLoading();
video.play().catch(e => log('Autoplay prevented: ' + e));
video.play().catch(e => {
log('Autoplay prevented: ' + e);
window.parent.postMessage({ type: 'playback_status', status: 'paused' }, '*');
});
};
const onError = async () => {
@@ -550,7 +563,10 @@
video.addEventListener('canplay', () => {
hideLoading();
video.play().catch(e => log('Autoplay prevented: ' + e));
video.play().catch(e => {
log('Autoplay prevented: ' + e);
window.parent.postMessage({ type: 'playback_status', status: 'paused' }, '*');
});
}, { once: true });
video.addEventListener('error', async () => {