joaquin/KiraTV-APP-NodeCast-Modificada-y-Personalizada
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed issue with safari/edge native HLS path mistakenly switching to proxy mode in some cases

Browse Source
This commit is contained in:
Trevor Mears
2026-01-01 12:18:03 -08:00
parent 9fb8df7255
commit fc2f20d921
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/VideoPlayer.js
+19 -8
View File
@@ -176,7 +176,7 @@ class VideoPlayer {
btnMute.addEventListener('click', () => { btnMute.addEventListener('click', () => {
this.video.muted = !this.video.muted; this.video.muted = !this.video.muted;
btnMute.classList.toggle('muted', this.video.muted); btnMute.classList.toggle('muted', this.video.muted);
// Update icon // Update icon
const icon = btnMute.querySelector('.icon'); const icon = btnMute.querySelector('.icon');
if (this.video.muted) { if (this.video.muted) {
@@ -231,13 +231,13 @@ class VideoPlayer {
this.video.addEventListener('click', showControls); this.video.addEventListener('click', showControls);
this.video.addEventListener('touchstart', showControls); this.video.addEventListener('touchstart', showControls);
// Keep controls visible when video is paused // Keep controls visible when video is paused
this.video.addEventListener('pause', () => { this.video.addEventListener('pause', () => {
controls.classList.add('show'); controls.classList.add('show');
clearTimeout(controlsTimeout); clearTimeout(controlsTimeout);
}); });
this.video.addEventListener('play', () => { this.video.addEventListener('play', () => {
hideControls(); hideControls();
}); });
@@ -469,7 +469,9 @@ class VideoPlayer {
// Transcoded streams are fragmented MP4 - play directly with <video> element // Transcoded streams are fragmented MP4 - play directly with <video> element
console.log('[Player] Playing transcoded stream directly:', transcodeUrl); console.log('[Player] Playing transcoded stream directly:', transcodeUrl);
this.video.src = transcodeUrl; this.video.src = transcodeUrl;
this.video.play().catch(e => console.log('[Player] Autoplay prevented:', e)); this.video.play().catch(e => {
if (e.name !== 'AbortError') console.log('[Player] Autoplay prevented:', e);
});
// Update UI and dispatch events // Update UI and dispatch events
this.updateNowPlaying(channel); this.updateNowPlaying(channel);
@@ -508,7 +510,9 @@ class VideoPlayer {
console.log('[Player] Stream type:', isRawTs ? 'Raw TS' : 'Extension-less (assumed TS)'); console.log('[Player] Stream type:', isRawTs ? 'Raw TS' : 'Extension-less (assumed TS)');
const remuxUrl = this.getRemuxUrl(streamUrl); const remuxUrl = this.getRemuxUrl(streamUrl);
this.video.src = remuxUrl; this.video.src = remuxUrl;
this.video.play().catch(e => console.log('[Player] Autoplay prevented:', e)); this.video.play().catch(e => {
if (e.name !== 'AbortError') console.log('[Player] Autoplay prevented:', e);
});
// Update UI and dispatch events // Update UI and dispatch events
this.updateNowPlaying(channel); this.updateNowPlaying(channel);
@@ -537,7 +541,9 @@ class VideoPlayer {
this.hls.attachMedia(this.video); this.hls.attachMedia(this.video);
this.hls.on(Hls.Events.MANIFEST_PARSED, () => { this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
this.video.play().catch(e => console.log('Autoplay prevented:', e)); this.video.play().catch(e => {
if (e.name !== 'AbortError') console.log('Autoplay prevented:', e);
});
}); });
// Re-attach error handler for the new Hls instance // Re-attach error handler for the new Hls instance
@@ -587,17 +593,22 @@ class VideoPlayer {
// Priority 2: Native HLS support (Safari on iOS/macOS where HLS.js may not work) // Priority 2: Native HLS support (Safari on iOS/macOS where HLS.js may not work)
this.video.src = finalUrl; this.video.src = finalUrl;
this.video.play().catch(e => { this.video.play().catch(e => {
if (e.name === 'AbortError') return; // Ignore interruption by new load
console.log('Autoplay prevented, trying proxy if CORS error:', e); console.log('Autoplay prevented, trying proxy if CORS error:', e);
if (!this.isUsingProxy) { if (!this.isUsingProxy) {
this.isUsingProxy = true; this.isUsingProxy = true;
this.video.src = this.getProxiedUrl(streamUrl); this.video.src = this.getProxiedUrl(streamUrl);
this.video.play().catch(err => console.error('Proxy play failed:', err)); this.video.play().catch(err => {
if (err.name !== 'AbortError') console.error('Proxy play failed:', err);
});
} }
}); });
} else { } else {
// Priority 3: Try direct playback for non-HLS streams // Priority 3: Try direct playback for non-HLS streams
this.video.src = finalUrl; this.video.src = finalUrl;
this.video.play().catch(e => console.log('Autoplay prevented:', e)); this.video.play().catch(e => {
if (e.name !== 'AbortError') console.log('Autoplay prevented:', e);
});
} }
// Update now playing info // Update now playing info