|
|
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>TorrentGalaxy Streamer</title> |
|
<style> |
|
body { font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; } |
|
.search-section, .player-section { margin-bottom: 30px; } |
|
#results { margin-top: 20px; } |
|
.torrent-item { padding: 10px; border-bottom: 1px solid #ddd; cursor: pointer; } |
|
.torrent-item:hover { background: #f5f5f5; } |
|
#player { width: 100%; height: 500px; } |
|
</style> |
|
</head> |
|
<body> |
|
<div class="search-section"> |
|
<h1>TorrentGalaxy Streamer</h1> |
|
<input type="text" id="searchInput" placeholder="Search TorrentGalaxy..."> |
|
<button onclick="searchTorrents()">Search</button> |
|
<div id="results"></div> |
|
</div> |
|
|
|
<div class="player-section"> |
|
<video id="player" controls></video> |
|
</div> |
|
|
|
<script> |
|
async function searchTorrents() { |
|
const query = document.getElementById('searchInput').value; |
|
const results = document.getElementById('results'); |
|
results.innerHTML = 'Loading...'; |
|
|
|
try { |
|
const response = await fetch(`/search?q=${encodeURIComponent(query)}`); |
|
const torrents = await response.json(); |
|
|
|
results.innerHTML = torrents.map(t => ` |
|
<div class="torrent-item" onclick="startStream('${t.magnet}')"> |
|
<strong>${t.title}</strong><br> |
|
<small>Size: ${t.size} | Seeds: ${t.seeds}</small> |
|
</div> |
|
`).join(''); |
|
} catch (error) { |
|
results.innerHTML = 'Error loading results'; |
|
} |
|
} |
|
|
|
async function startStream(magnet) { |
|
try { |
|
|
|
const startResp = await fetch('/start_stream', { |
|
method: 'POST', |
|
headers: {'Content-Type': 'application/json'}, |
|
body: JSON.stringify({ magnet_link: magnet }) |
|
}); |
|
|
|
const { stream_url } = await startResp.json(); |
|
|
|
|
|
const mimeResp = await fetch(`${stream_url}/mime`); |
|
const { mime_type } = await mimeResp.json(); |
|
|
|
|
|
const player = document.getElementById('player'); |
|
player.src = stream_url; |
|
player.type = mime_type; |
|
player.load(); |
|
player.play(); |
|
} catch (error) { |
|
alert('Error starting stream: ' + error.message); |
|
} |
|
} |
|
</script> |
|
</body> |
|
</html> |
