This commit is contained in:
parent
9ff89fa18b
commit
7bcbc6b73b
5 changed files with 131 additions and 26 deletions
|
|
@ -767,6 +767,7 @@ void RealmController::getRealmByName(const HttpRequestPtr &,
|
|||
"r.chat_enabled, r.chat_guests_allowed, "
|
||||
"r.chat_slow_mode_seconds, r.chat_retention_hours, "
|
||||
"r.offline_image_url, r.description, r.user_id, r.playlist_control_mode, r.playlist_whitelist, r.title_color, "
|
||||
"r.live_started_at, "
|
||||
"u.username, u.avatar_url, u.user_color FROM realms r "
|
||||
"JOIN users u ON r.user_id = u.id "
|
||||
"WHERE r.name = $1 AND r.is_active = true"
|
||||
|
|
@ -808,6 +809,10 @@ void RealmController::getRealmByName(const HttpRequestPtr &,
|
|||
realm["avatarUrl"] = r[0]["avatar_url"].isNull() ? "" : r[0]["avatar_url"].as<std::string>();
|
||||
realm["colorCode"] = r[0]["user_color"].isNull() ? "" : r[0]["user_color"].as<std::string>();
|
||||
realm["titleColor"] = r[0]["title_color"].isNull() ? "#ffffff" : r[0]["title_color"].as<std::string>();
|
||||
// Include live_started_at for stream duration display
|
||||
if (!r[0]["live_started_at"].isNull()) {
|
||||
realm["liveStartedAt"] = r[0]["live_started_at"].as<std::string>();
|
||||
}
|
||||
|
||||
callback(jsonResp(resp));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -119,8 +119,10 @@ void StatsService::pollOmeStats() {
|
|||
LOG_INFO << "Processing active stream: " << streamKey;
|
||||
|
||||
// IMMEDIATELY update database to mark as live and get realm ID
|
||||
// Set live_started_at only if not already set (preserves start time across polls)
|
||||
auto dbClient = app().getDbClient();
|
||||
*dbClient << "UPDATE realms SET is_live = true, viewer_count = 0, "
|
||||
"live_started_at = COALESCE(live_started_at, CURRENT_TIMESTAMP), "
|
||||
"updated_at = CURRENT_TIMESTAMP WHERE stream_key = $1 RETURNING id"
|
||||
<< streamKey
|
||||
>> [streamKey](const orm::Result& r) {
|
||||
|
|
@ -150,6 +152,7 @@ void StatsService::pollOmeStats() {
|
|||
if (activeStreamKeys.find(key) == activeStreamKeys.end()) {
|
||||
LOG_INFO << "Marking realm as offline: " << key;
|
||||
*db << "UPDATE realms SET is_live = false, viewer_count = 0, "
|
||||
"live_started_at = NULL, "
|
||||
"updated_at = CURRENT_TIMESTAMP WHERE stream_key = $1"
|
||||
<< key
|
||||
>> [key](const orm::Result&) {
|
||||
|
|
@ -185,29 +188,44 @@ void StatsService::updateStreamStats(const std::string& streamKey) {
|
|||
|
||||
// Only broadcast if stream has meaningful data or is live
|
||||
if (updatedStats.isLive || updatedStats.totalBytesIn > 0 || updatedStats.uniqueViewers > 0) {
|
||||
Json::Value msg;
|
||||
msg["type"] = "stats_update";
|
||||
msg["stream_key"] = streamKey;
|
||||
|
||||
auto& s = msg["stats"];
|
||||
JSON_INT(s, "connections", updatedStats.uniqueViewers);
|
||||
JSON_INT(s, "raw_connections", updatedStats.currentConnections);
|
||||
s["bitrate"] = updatedStats.bitrate;
|
||||
s["resolution"] = updatedStats.resolution;
|
||||
s["fps"] = updatedStats.fps;
|
||||
s["codec"] = updatedStats.codec;
|
||||
s["is_live"] = updatedStats.isLive;
|
||||
JSON_INT(s, "bytes_in", updatedStats.totalBytesIn);
|
||||
JSON_INT(s, "bytes_out", updatedStats.totalBytesOut);
|
||||
|
||||
// Protocol breakdown
|
||||
auto& pc = s["protocol_connections"];
|
||||
JSON_INT(pc, "webrtc", updatedStats.protocolConnections.webrtc);
|
||||
JSON_INT(pc, "hls", updatedStats.protocolConnections.hls);
|
||||
JSON_INT(pc, "llhls", updatedStats.protocolConnections.llhls);
|
||||
JSON_INT(pc, "dash", updatedStats.protocolConnections.dash);
|
||||
|
||||
StreamWebSocketController::broadcastStatsUpdate(msg);
|
||||
// Fetch live_started_at for duration display
|
||||
auto dbClient = app().getDbClient();
|
||||
*dbClient << "SELECT live_started_at FROM realms WHERE stream_key = $1"
|
||||
<< streamKey
|
||||
>> [streamKey, updatedStats](const orm::Result& r) {
|
||||
Json::Value msg;
|
||||
msg["type"] = "stats_update";
|
||||
msg["stream_key"] = streamKey;
|
||||
|
||||
auto& s = msg["stats"];
|
||||
JSON_INT(s, "connections", updatedStats.uniqueViewers);
|
||||
JSON_INT(s, "raw_connections", updatedStats.currentConnections);
|
||||
s["bitrate"] = updatedStats.bitrate;
|
||||
s["resolution"] = updatedStats.resolution;
|
||||
s["fps"] = updatedStats.fps;
|
||||
s["codec"] = updatedStats.codec;
|
||||
s["is_live"] = updatedStats.isLive;
|
||||
JSON_INT(s, "bytes_in", updatedStats.totalBytesIn);
|
||||
JSON_INT(s, "bytes_out", updatedStats.totalBytesOut);
|
||||
|
||||
// Include live_started_at for duration tracking
|
||||
if (!r.empty() && !r[0]["live_started_at"].isNull()) {
|
||||
s["live_started_at"] = r[0]["live_started_at"].as<std::string>();
|
||||
}
|
||||
|
||||
// Protocol breakdown
|
||||
auto& pc = s["protocol_connections"];
|
||||
JSON_INT(pc, "webrtc", updatedStats.protocolConnections.webrtc);
|
||||
JSON_INT(pc, "hls", updatedStats.protocolConnections.hls);
|
||||
JSON_INT(pc, "llhls", updatedStats.protocolConnections.llhls);
|
||||
JSON_INT(pc, "dash", updatedStats.protocolConnections.dash);
|
||||
|
||||
StreamWebSocketController::broadcastStatsUpdate(msg);
|
||||
}
|
||||
>> [streamKey](const orm::DrogonDbException& e) {
|
||||
LOG_ERROR << "Failed to fetch live_started_at for " << streamKey
|
||||
<< ": " << e.base().what();
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1250,4 +1250,19 @@ BEGIN
|
|||
) THEN
|
||||
ALTER TABLE users ADD COLUMN screensaver_timeout_minutes INTEGER DEFAULT 5;
|
||||
END IF;
|
||||
END $$;
|
||||
|
||||
-- ============================================
|
||||
-- LIVE STREAM DURATION TRACKING
|
||||
-- ============================================
|
||||
|
||||
-- Add live_started_at column to realms table (tracks when stream went live for duration display)
|
||||
DO $$
|
||||
BEGIN
|
||||
IF NOT EXISTS (
|
||||
SELECT 1 FROM information_schema.columns
|
||||
WHERE table_name = 'realms' AND column_name = 'live_started_at'
|
||||
) THEN
|
||||
ALTER TABLE realms ADD COLUMN live_started_at TIMESTAMP WITH TIME ZONE;
|
||||
END IF;
|
||||
END $$;
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
<script>
|
||||
import { onMount, onDestroy } from 'svelte';
|
||||
import { get } from 'svelte/store';
|
||||
import {
|
||||
filteredMessages,
|
||||
connectionStatus,
|
||||
|
|
@ -40,6 +41,7 @@
|
|||
|
||||
let messagesContainer;
|
||||
let autoScroll = true;
|
||||
let initialScrollDone = false; // Prevent handleScroll from disabling autoScroll before initial scroll
|
||||
let showMenu = false; // Combined settings + participants menu
|
||||
let configCollapsed = false; // Track if config section is collapsed
|
||||
let usersCollapsed = false; // Track if users section is collapsed
|
||||
|
|
@ -207,13 +209,15 @@
|
|||
const scrollToBottom = () => {
|
||||
if (autoScroll && messagesContainer) {
|
||||
requestAnimationFrame(() => {
|
||||
if ($chatLayout.messagesFromTop) {
|
||||
const messagesFromTop = get(chatLayout).messagesFromTop;
|
||||
if (messagesFromTop) {
|
||||
// column-reverse: newest at top, scroll to top
|
||||
messagesContainer.scrollTop = 0;
|
||||
} else {
|
||||
// normal: newest at bottom, scroll to bottom
|
||||
messagesContainer.scrollTop = messagesContainer.scrollHeight;
|
||||
}
|
||||
initialScrollDone = true;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -273,6 +277,9 @@
|
|||
}
|
||||
|
||||
function handleScroll() {
|
||||
// Ignore scroll events before initial scroll is done (prevents browser's initial position from disabling autoScroll)
|
||||
if (!initialScrollDone) return;
|
||||
|
||||
const { scrollTop, scrollHeight, clientHeight } = messagesContainer;
|
||||
if ($chatLayout.messagesFromTop) {
|
||||
// column-reverse: user at "newest" means scrollTop near 0
|
||||
|
|
|
|||
|
|
@ -72,8 +72,13 @@
|
|||
resolution: 'N/A',
|
||||
codec: 'N/A',
|
||||
fps: 0,
|
||||
isLive: false
|
||||
isLive: false,
|
||||
liveStartedAt: null
|
||||
};
|
||||
|
||||
// Duration display for live stream
|
||||
let durationDisplay = '';
|
||||
let durationInterval;
|
||||
|
||||
onMount(async () => {
|
||||
const realmName = $page.params.realm;
|
||||
|
|
@ -154,6 +159,9 @@
|
|||
if (statsInterval) {
|
||||
clearInterval(statsInterval);
|
||||
}
|
||||
if (durationInterval) {
|
||||
clearInterval(durationInterval);
|
||||
}
|
||||
if (llhlsRetryTimeout) {
|
||||
clearTimeout(llhlsRetryTimeout);
|
||||
}
|
||||
|
|
@ -166,6 +174,12 @@
|
|||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
realm = data.realm;
|
||||
// Initialize liveStartedAt from realm data if stream is live
|
||||
if (realm.isLive && realm.liveStartedAt) {
|
||||
stats.liveStartedAt = realm.liveStartedAt;
|
||||
stats.isLive = true;
|
||||
startDurationTimer();
|
||||
}
|
||||
// Get the stream key from the database
|
||||
const keyResponse = await fetch(`/api/realms/${realm.id}`);
|
||||
if (keyResponse.ok && keyResponse.status !== 404) {
|
||||
|
|
@ -277,15 +291,27 @@
|
|||
}
|
||||
|
||||
function updateStatsFromData(data) {
|
||||
const wasLive = stats.isLive;
|
||||
stats = {
|
||||
connections: data.connections || 0,
|
||||
bitrate: data.bitrate || 0,
|
||||
resolution: data.resolution || 'N/A',
|
||||
codec: data.codec || 'N/A',
|
||||
fps: data.fps || 0,
|
||||
isLive: data.is_live || false
|
||||
isLive: data.is_live || false,
|
||||
liveStartedAt: data.live_started_at || stats.liveStartedAt || null
|
||||
};
|
||||
|
||||
// Start/stop duration timer based on live status
|
||||
if (stats.isLive && stats.liveStartedAt && !wasLive) {
|
||||
startDurationTimer();
|
||||
} else if (!stats.isLive && wasLive) {
|
||||
stopDurationTimer();
|
||||
} else if (stats.isLive && stats.liveStartedAt && !durationInterval) {
|
||||
// Ensure timer is running if we're live with a start time
|
||||
startDurationTimer();
|
||||
}
|
||||
|
||||
// Only update isStreaming from stats if player isn't actively playing
|
||||
// This prevents stats from overriding the player's live state during connection
|
||||
if (!playerPlaying) {
|
||||
|
|
@ -510,6 +536,36 @@
|
|||
}
|
||||
}
|
||||
|
||||
function formatDuration(startTime) {
|
||||
if (!startTime) return '';
|
||||
const elapsed = Math.floor((Date.now() - new Date(startTime).getTime()) / 1000);
|
||||
if (elapsed < 0) return '0:00';
|
||||
const hours = Math.floor(elapsed / 3600);
|
||||
const minutes = Math.floor((elapsed % 3600) / 60);
|
||||
const seconds = elapsed % 60;
|
||||
|
||||
if (hours > 0) {
|
||||
return `${hours}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
|
||||
}
|
||||
return `${minutes}:${String(seconds).padStart(2, '0')}`;
|
||||
}
|
||||
|
||||
function startDurationTimer() {
|
||||
if (durationInterval) return;
|
||||
durationDisplay = formatDuration(stats.liveStartedAt);
|
||||
durationInterval = setInterval(() => {
|
||||
durationDisplay = formatDuration(stats.liveStartedAt);
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
function stopDurationTimer() {
|
||||
if (durationInterval) {
|
||||
clearInterval(durationInterval);
|
||||
durationInterval = null;
|
||||
}
|
||||
durationDisplay = '';
|
||||
}
|
||||
|
||||
// Tiled streams (exclude current stream)
|
||||
$: tiledStreams = $streamTiles.streams.filter(s => s.streamKey !== streamKey);
|
||||
$: hasTiledStreams = tiledStreams.length > 0;
|
||||
|
|
@ -1375,6 +1431,10 @@
|
|||
<span class="badge-divider"></span>
|
||||
<span class="badge-segment">{formatBitrate(stats.bitrate)}</span>
|
||||
{/if}
|
||||
{#if stats.isLive && durationDisplay}
|
||||
<span class="badge-divider"></span>
|
||||
<span class="badge-segment">{durationDisplay}</span>
|
||||
{/if}
|
||||
<span class="badge-divider"></span>
|
||||
<span class="badge-segment status" class:live={stats.isLive}>
|
||||
{stats.isLive ? 'LIVE' : 'Offline'}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue