blomios/Nodecast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Plex-style adaptive transcoding with bitrate limits and hardware fallback

Browse Source
This commit is contained in:
blomios
2026-09-29 23:31:05 +02:00
parent 2912384257
commit d018ac078c
7 changed files with 258 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
public/js/components/VideoPlayer.js
View File

@ -53,6 +53,9 @@ class VideoPlayer {
forceTranscode: false,
forceRemux: false,
autoTranscode: true,
maxDirectBitrateKbps: 0,
targetTranscodeBitrateKbps: 6000,
allowHardwareFallback: true,
streamFormat: 'm3u8',
epgRefreshInterval: '24'
};
@ -813,6 +816,7 @@ class VideoPlayer {
* Start a HLS transcode session
*/
async startTranscodeSession(url, options = {}) {
this.currentTranscodeSession = null;
try {
console.log('[Player] Starting HLS transcode session...', options);
const res = await fetch('/api/transcode/session', {
@ -823,6 +827,7 @@ class VideoPlayer {
if (!res.ok) throw new Error('Failed to start session');
const session = await res.json();
this.currentSessionId = session.sessionId;
this.currentTranscodeSession = session;
return session.playlistUrl;
} catch (err) {
console.error('[Player] Session start failed:', err);
@ -871,9 +876,14 @@ class VideoPlayer {
// Determine if HLS or direct stream
this.currentUrl = streamUrl;
// CHECK: Auto Transcode (Smart) - probe first, then decide
if (this.settings.autoTranscode) {
// Forced playback modes take priority over automatic selection below.
const hasForcedPlaybackMode = this.settings.forceVideoTranscode ||
this.settings.forceTranscode || this.settings.forceRemux;
// Automatic playback: probe once, then choose transcode, remux, or direct play.
if (this.settings.autoTranscode && !hasForcedPlaybackMode) {
console.log('[Player] Auto Transcode enabled. Probing stream...');
this.updateTranscodeStatus('direct', 'Analyzing…');
try {
const probeRes = await fetch(`/api/probe?url=${encodeURIComponent(streamUrl)}`);
const info = await probeRes.json();
@ -905,14 +915,23 @@ class VideoPlayer {
}
}
if (info.needsTranscode || this.settings.upscaleEnabled) {
const maxDirectBitrateKbps = Number(this.settings.maxDirectBitrateKbps) || 0;
const overallBitrateKbps = Number(info.overallBitrateKbps) || 0;
const exceedsBandwidthLimit = maxDirectBitrateKbps > 0 &&
overallBitrateKbps > maxDirectBitrateKbps;
const requiresTranscode = info.needsTranscode || this.settings.upscaleEnabled ||
(!info.needsRemux && exceedsBandwidthLimit);
if (requiresTranscode) {
// Incompatible audio (AC3/EAC3/DTS) or Upscaling enabled - use transcode session
console.log(`[Player] Auto: Using HLS transcode session (${this.settings.upscaleEnabled ? 'Upscaling' : 'Incompatible audio/video'})`);
// Heuristic: If video is h264, it's likely compatible, so only copy video (audio transcode only)
// BUT: If upscaling is enabled, we MUST encode.
const videoMode = (info.video && info.video.includes('h264') && !this.settings.upscaleEnabled) ? 'copy' : 'encode';
const statusText = videoMode === 'copy' ? 'Transcoding (Audio)' : (this.settings.upscaleEnabled ? 'Upscaling' : 'Transcoding (Video)');
const videoMode = (info.video && info.video.includes('h264') &&
!this.settings.upscaleEnabled && !exceedsBandwidthLimit) ? 'copy' : 'encode';
const statusText = videoMode === 'copy' ? 'Audio Transcode' :
(this.settings.upscaleEnabled ? 'Upscaling' : 'Video Transcode');
const statusMode = this.settings.upscaleEnabled ? 'upscaling' : 'transcoding';
this.updateTranscodeStatus(statusMode, statusText);
@ -920,8 +939,18 @@ class VideoPlayer {
videoMode,
videoCodec: info.video,
audioCodec: info.audio,
audioChannels: info.audioChannels
audioChannels: info.audioChannels,
targetVideoBitrateKbps: this.settings.targetTranscodeBitrateKbps ||
this.settings.maxDirectBitrateKbps || 6000,
allowHardwareFallback: this.settings.allowHardwareFallback !== false
});
if (this.currentTranscodeSession?.hardwareFallbackOccurred) {
this.updateTranscodeStatus('transcoding', 'CPU Fallback');
}
if (exceedsBandwidthLimit) {
this.updateQualityBadge(this.settings.targetTranscodeBitrateKbps ||
this.settings.maxDirectBitrateKbps || 6000);
}
this.currentUrl = playlistUrl; // Update currentUrl for HLS reload
this.playHls(playlistUrl);
@ -934,7 +963,7 @@ class VideoPlayer {
} else if (info.needsRemux) {
// Raw .ts container - use remux
console.log('[Player] Auto: Using remux (.ts container)');
this.updateTranscodeStatus('remuxing', 'Remux (Auto)');
this.updateTranscodeStatus('remuxing', 'Remux');
const remuxUrl = `/api/remux?url=${encodeURIComponent(streamUrl)}`;
this.currentUrl = remuxUrl;
this.video.src = remuxUrl;
@ -949,6 +978,7 @@ class VideoPlayer {
}
// Compatible - fall through to normal HLS.js path
console.log('[Player] Auto: Using HLS.js (compatible)');
this.updateTranscodeStatus('direct', 'Direct Play');
} catch (err) {
console.warn('[Player] Probe failed, using normal playback:', err.message);
// Continue with normal playback on probe failure
@ -957,11 +987,19 @@ class VideoPlayer {
// CHECK: Force Video Transcode (Full) or Upscaling
if (this.settings.forceVideoTranscode || this.settings.upscaleEnabled) {
const statusText = this.settings.upscaleEnabled ? 'Upscaling' : 'Transcoding (Video)';
const statusText = this.settings.upscaleEnabled ? 'Upscaling' : 'Video Transcode';
const statusMode = this.settings.upscaleEnabled ? 'upscaling' : 'transcoding';
console.log(`[Player] ${statusText} enabled. Starting session (encode)...`);
this.updateTranscodeStatus(statusMode, statusText);
const playlistUrl = await this.startTranscodeSession(streamUrl, { videoMode: 'encode' });
const playlistUrl = await this.startTranscodeSession(streamUrl, {
videoMode: 'encode',
targetVideoBitrateKbps: this.settings.targetTranscodeBitrateKbps ||
this.settings.maxDirectBitrateKbps || 6000,
allowHardwareFallback: this.settings.allowHardwareFallback !== false
});
if (this.currentTranscodeSession?.hardwareFallbackOccurred) {
this.updateTranscodeStatus('transcoding', 'CPU Fallback');
}
this.currentUrl = playlistUrl;
// Load HLS
@ -1002,7 +1040,7 @@ class VideoPlayer {
// CHECK: Force Audio Transcode (Copy Video) - legacy forceTranscode setting
if (this.settings.forceTranscode) {
console.log('[Player] Force Audio Transcode enabled. Starting session (copy)...');
this.updateTranscodeStatus('transcoding', 'Transcoding (Audio)');
this.updateTranscodeStatus('transcoding', 'Audio Transcode');
// Probe to get video codec for HEVC tag handling
let videoCodec = 'unknown';
@ -1012,7 +1050,11 @@ class VideoPlayer {
videoCodec = info.video;
} catch (e) { console.warn('Probe failed for force audio, assuming h264'); }
const playlistUrl = await this.startTranscodeSession(streamUrl, { videoMode: 'copy', videoCodec });
const playlistUrl = await this.startTranscodeSession(streamUrl, {
videoMode: 'copy',
videoCodec,
allowHardwareFallback: this.settings.allowHardwareFallback !== false
});
this.currentUrl = playlistUrl;
console.log('[Player] Playing transcoded HLS stream:', playlistUrl);
@ -1053,7 +1095,7 @@ class VideoPlayer {
if (this.settings.forceRemux && (isRawTs || isExtensionless)) {
console.log('[Player] Force Remux enabled. Routing through FFmpeg remux...');
console.log('[Player] Stream type:', isRawTs ? 'Raw TS' : 'Extension-less (assumed TS)');
this.updateTranscodeStatus('remuxing', 'Remux (Force)');
this.updateTranscodeStatus('remuxing', 'Remux');
const remuxUrl = this.getRemuxUrl(streamUrl);
this.video.src = remuxUrl;
this.video.play().catch(e => {
@ -1082,7 +1124,7 @@ class VideoPlayer {
// Priority 1: Use HLS.js for HLS streams on browsers that support it
if (looksLikeHls && Hls.isSupported()) {
this.updateTranscodeStatus('direct', 'Direct HLS');
this.updateTranscodeStatus('direct', 'Direct Play');
// Use playHls helper logic here (or extract it)
// For now, let's just use existing logic but wrapped/modularized if possible?
@ -1146,7 +1188,7 @@ class VideoPlayer {
} else if (this.video.canPlayType('application/vnd.apple.mpegurl') === 'probably' ||
this.video.canPlayType('application/vnd.apple.mpegurl') === 'maybe') {
// Priority 2: Native HLS support (Safari on iOS/macOS where HLS.js may not work)
this.updateTranscodeStatus('direct', 'Direct Native');
this.updateTranscodeStatus('direct', 'Direct Play');
this.video.src = finalUrl;
this.video.play().catch(e => {
if (e.name === 'AbortError') return; // Ignore interruption by new load
@ -1247,11 +1289,15 @@ class VideoPlayer {
/**
* Update quality badge display
*/
updateQualityBadge() {
updateQualityBadge(targetBitrateKbps = null) {
const badge = document.getElementById('player-quality-badge');
if (!badge) return;
if (this.currentStreamInfo?.height > 0) {
if (targetBitrateKbps) {
const targetMbps = targetBitrateKbps / 1000;
badge.textContent = `${Number.isInteger(targetMbps) ? targetMbps : targetMbps.toFixed(1)} Mbps`;
badge.classList.remove('hidden');
} else if (this.currentStreamInfo?.height > 0) {
badge.textContent = this.getQualityLabel(this.currentStreamInfo.height);
badge.classList.remove('hidden');
} else {