Spaces:

---

urstark

/

NovaStream

Like 0

Running

import { useState, useEffect, useRef } from 'react';

import {

Play,

Pause,

Volume2,

VolumeX,

Maximize,

Minimize,

Activity,

FileVideo,

Trash2,

Bookmark,

BookmarkCheck,

Clock,

Upload,

Globe,

Settings,

RefreshCw,

Sparkles,

ChevronRight,

Wifi,

ShieldAlert,

RotateCcw,

Zap,

Tv,

Cpu,

Monitor

} from 'lucide-react';

import './App.css';

const BACKEND_URL = import.meta.env.DEV ? 'http://localhost:5000' : window.location.origin;

function srtToVtt(srtText) {

let vttText = 'WEBVTT\n\n';

// Standard SRT replacement: comma to period, handle newlines

const normalizedSrt = srtText

.replace(/\r\n/g, '\n')

.replace(/\r/g, '\n')

.trim();

const blocks = normalizedSrt.split('\n\n');

for (let i = 0; i < blocks.length; i++) {

const block = blocks[i].split('\n');

if (block.length >= 2) {

// Find the line that has --> (usually line index 1, but sometimes 0 or 2 if there's line numbers or glitches)

let timeIndex = -1;

for (let j = 0; j < block.length; j++) {

if (block[j].includes('-->')) {

timeIndex = j;

break;

}

}

if (timeIndex !== -1) {

// Correct commas to periods for WebVTT

const vttTime = block[timeIndex].replace(/,/g, '.');

const subtitleText = block.slice(timeIndex + 1).join('\n');

vttText += `${vttTime}\n${subtitleText}\n\n`;

}

}

}

return vttText;

}

function App() {

// Input State

const [streamUrl, setStreamUrl] = useState('');

const [activeUrl, setActiveUrl] = useState('');

const [analyzing, setAnalyzing] = useState(false);

const [metadata, setMetadata] = useState(null);

const [error, setError] = useState('');

const [activeTab, setActiveTab] = useState('history'); // 'history' | 'bookmarks'

const [sidebarMinimized, setSidebarMinimized] = useState(false);

const [inBrowserFullscreen, setInBrowserFullscreen] = useState(false);

// Playback modes: 'url' (stream from web), 'local_path' (server local path), 'local_file' (direct browser sandbox file)

const [playbackMode, setPlaybackMode] = useState('url');

const [localFile, setLocalFile] = useState(null);

const [localBlobUrl, setLocalBlobUrl] = useState('');

// History & Bookmarks stored locally

const [history, setHistory] = useState([]);

const [bookmarks, setBookmarks] = useState([]);

const [showBookmarkModal, setShowBookmarkModal] = useState(false);

const [bookmarkName, setBookmarkName] = useState('');

// Video Player Ref & States

const videoRef = useRef(null);

const playerContainerRef = useRef(null);