Display total VOD duration from provider metadata and stream probes

Adapted from MikaelKW/nodecast-tv-plus commit 9c6416cdba40813d44d21c8d76e31e4d9ab3155f.

Co-authored-by: Mikael <mikaelkwessel@gmail.com>
This commit is contained in:
Technomancer702
2026-10-12 16:42:23 -07:00
parent bd8365efc8
commit 2999d6542f
8 changed files with 165 additions and 9 deletions

View File

@ -1097,6 +1097,7 @@
<!-- JavaScript -->
<script src="/js/icons.js"></script>
<script src="/js/api.js?v=2"></script>
<script src="/js/components/VodDuration.js?v=1"></script>
<script src="/js/components/VideoPlayer.js?v=2"></script>
<script src="/js/components/ChannelList.js?v=3"></script>
<script src="/js/components/SourceManager.js?v=2"></script>
@ -1107,7 +1108,7 @@
<script src="/js/pages/MoviesPage.js?v=4"></script>
<script src="/js/pages/SeriesPage.js?v=1"></script>
<script src="/js/pages/Settings.js?v=2"></script>
<script src="/js/pages/WatchPage.js?v=1"></script>
<script src="/js/pages/WatchPage.js?v=2"></script>
<script src="/js/app.js?v=4"></script>
<script>
// Check for SSO token in URL

View File

@ -0,0 +1,57 @@
(function (root, factory) {
const api = factory();
if (typeof module === 'object' && module.exports) module.exports = api;
if (root) root.VodDuration = api;
}(typeof globalThis !== 'undefined' ? globalThis : this, function () {
function parse(value) {
if (typeof value === 'number') {
return Number.isFinite(value) && value > 0 ? value : 0;
}
if (typeof value !== 'string') return 0;
const normalized = value.trim();
if (!normalized) return 0;
if (/^\d+(?:\.\d+)?$/.test(normalized)) {
const seconds = Number(normalized);
return Number.isFinite(seconds) && seconds > 0 ? seconds : 0;
}
const parts = normalized.split(':');
if (parts.length < 2 || parts.length > 3 || parts.some(part => !/^\d+$/.test(part))) {
return 0;
}
const numbers = parts.map(Number);
if (numbers.slice(parts.length === 3 ? -2 : -1).some(part => part >= 60)) return 0;
const seconds = parts.length === 3
? (numbers[0] * 3600) + (numbers[1] * 60) + numbers[2]
: (numbers[0] * 60) + numbers[1];
return Number.isFinite(seconds) && seconds > 0 ? seconds : 0;
}
function firstValid(...values) {
for (const value of values) {
const duration = parse(value);
if (duration > 0) return duration;
}
return 0;
}
function fromContent(content = {}) {
if (!content || typeof content !== 'object') return 0;
return firstValid(
content.durationSeconds,
content.duration_secs,
content.duration,
content.runtime_secs,
content.info?.duration_secs,
content.info?.duration,
content.movie_data?.duration_secs,
content.movie_data?.duration
);
}
return { parse, firstValid, fromContent };
}));

View File

@ -353,7 +353,8 @@ class MoviesPage {
rating: movie.rating,
sourceId: movie.sourceId,
categoryId: movie.category_id,
containerExtension: container
containerExtension: container,
duration: VodDuration.fromContent(movie)
}, result.url);
}
}

View File

@ -430,6 +430,9 @@ class SeriesPage {
const seasonNum = seasonMatch ? seasonMatch[1] : '1';
const episodeNum = episodeEl.querySelector('.episode-number')?.textContent?.replace('E', '') || '1';
const episode = Object.values(this.currentSeriesInfo?.episodes || {}).flat()
.find(item => String(item.id) === String(episodeId));
try {
// Get stream URL for episode (use 'series' type)
const result = await API.proxy.xtream.getStreamUrl(sourceId, episodeId, 'series', container);
@ -453,7 +456,8 @@ class SeriesPage {
seriesInfo: this.currentSeriesInfo,
currentSeason: seasonNum,
currentEpisode: episodeNum,
containerExtension: container
containerExtension: container,
duration: VodDuration.fromContent(episode || {})
}, result.url);
}
}

View File

@ -246,6 +246,7 @@ class WatchPage {
* @param {string} streamUrl - Stream URL
*/
async play(content, streamUrl) {
this.sourceDuration = 0;
this.content = content;
this.contentType = content.type;
this.seriesInfo = content.seriesInfo || null;
@ -414,7 +415,9 @@ class WatchPage {
this.currentUrl = url;
// Stop any existing playback
const knownDuration = this.sourceDuration;
this.stop();
this.setSourceDuration(VodDuration.firstValid(VodDuration.fromContent(this.content || {}), knownDuration));
const playbackGeneration = this.playbackGeneration;
let probeInfo = null;
@ -443,6 +446,7 @@ class WatchPage {
const info = await probeRes.json();
if (this.playbackGeneration !== playbackGeneration) return;
probeInfo = info;
this.setSourceDuration(info.duration);
console.log(`[WatchPage] Probe result: video=${info.video}, audio=${info.audio}, ${info.width}x${info.height}, compatible=${info.compatible}`);
// Store early probe info for quality display
@ -640,6 +644,13 @@ class WatchPage {
// Stop history tracking and save final progress
this.stopHistoryTracking();
this.saveProgress();
this.sourceDuration = 0;
this.durationReady = false;
if (this.timeTotal) {
this.timeTotal.textContent = '';
this.timeTotal.classList.add('hidden');
}
if (this.durationEl) this.durationEl.textContent = '';
// Cleanup transcode session if exists
this.stopTranscodeSession();
@ -787,8 +798,30 @@ class WatchPage {
// === UI Updates ===
getPlaybackDuration() {
if (this.sourceDuration > 0) return this.sourceDuration;
return !this.currentSessionId && this.durationReady ? VodDuration.parse(this.video?.duration) : 0;
}
setSourceDuration(value) {
const duration = VodDuration.parse(value);
if (duration > 0) this.sourceDuration = duration;
this.updateDurationDisplay();
}
updateDurationDisplay() {
const duration = this.getPlaybackDuration();
const label = duration > 0 ? this.formatTime(duration) : '';
if (this.timeTotal) {
this.timeTotal.textContent = label;
this.timeTotal.classList.toggle('hidden', !label);
}
if (this.durationEl) this.durationEl.textContent = label;
}
updateProgress() {
if (!this.video || !this.video.duration) return;
if (!this.video) return;
this.updateDurationDisplay();
const percent = (this.video.currentTime / this.video.duration) * 100;
this.progressSlider.value = percent;
@ -818,6 +851,9 @@ class WatchPage {
}
onMetadataLoaded() {
this.durationReady = true;
if (!this.currentSessionId) this.setSourceDuration(this.video?.duration);
else this.updateDurationDisplay();
// Detect resolution
if (this.video && this.video.videoHeight > 0) {
this.currentStreamInfo = {
@ -886,7 +922,7 @@ class WatchPage {
}
formatTime(seconds) {
if (!seconds || isNaN(seconds)) return '0:00';
if (!Number.isFinite(Number(seconds)) || Number(seconds) < 0) return '0:00';
const h = Math.floor(seconds / 3600);
const m = Math.floor((seconds % 3600) / 60);
const s = Math.floor(seconds % 60);
@ -1072,6 +1108,7 @@ class WatchPage {
this.yearEl.textContent = this.content.year || '';
this.ratingEl.textContent = this.content.rating ? `★ ${this.content.rating}` : '';
this.descriptionEl.textContent = this.content.description || '';
this.updateDurationDisplay();
// Update play button text
if (this.playBtnText) {
@ -1194,7 +1231,8 @@ class WatchPage {
year: movie.year,
rating: movie.rating,
sourceId: sourceId,
categoryId: movie.category_id
categoryId: movie.category_id,
duration: VodDuration.fromContent(movie)
}, result.url);
}
} catch (e) {
@ -1260,6 +1298,7 @@ class WatchPage {
const episodeId = episodeEl.dataset.episodeId;
const seasonNum = episodeEl.dataset.season;
const episodeNum = episodeEl.dataset.episode;
const episode = this.seriesInfo?.episodes?.[seasonNum]?.find(ep => String(ep.id) === String(episodeId));
const container = episodeEl.dataset.container || 'mp4';
try {
@ -1281,7 +1320,8 @@ class WatchPage {
seriesId: this.content.seriesId,
seriesInfo: this.seriesInfo,
currentSeason: seasonNum,
currentEpisode: episodeNum
currentEpisode: episodeNum,
duration: VodDuration.fromContent(episode || {})
}, result.url);
}
} catch (e) {
@ -1372,7 +1412,8 @@ class WatchPage {
seriesId: this.content.seriesId,
seriesInfo: this.seriesInfo,
currentSeason: nextEp.seasonNum,
currentEpisode: nextEp.episode_num
currentEpisode: nextEp.episode_num,
duration: VodDuration.fromContent(nextEp)
}, result.url);
}
} catch (e) {