sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Serve thumbnails directly from the CDN for better performance and reliability

Browse Source 
Removes thumbnail proxy and updates `BunnyService` to use CDN URL for thumbnails.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aa92e7e2-ec62-4c92-b21b-02ef78a664c2
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/aa92e7e2-ec62-4c92-b21b-02ef78a664c2/rF0yTnz
This commit is contained in:
sebastjanartic 2025-08-04 20:21:24 +00:00
parent 0458b42937
commit b9e62484b5
2 changed files with 3 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
server/bunny.ts
View File

@ -52,8 +52,9 @@ export class BunnyService {
}
private bunnyVideoToVideo(bunnyVideo: BunnyVideo): Video {
// Use server-side proxy for thumbnails since they are private
const thumbnailUrl = `/thumbnail/${bunnyVideo.guid}`;
// For private videos, use iframe embed or proxy approach
// Generate thumbnail URL from CDN (thumbnails are usually public)
const thumbnailUrl = `https://${this.hostname}/${bunnyVideo.guid}/thumbnail.jpg`;
// For private videos, we'll use an iframe embed URL which handles authentication
const videoUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}`;

36
server/routes.ts
View File

@ -47,43 +47,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
}
});
// Proxy endpoint for thumbnails (since they are private)
app.get("/thumbnail/:id", async (req, res) => {
try {
const { id } = req.params;
const apiKey = process.env.BUNNY_API_KEY;
const libraryId = process.env.BUNNY_LIBRARY_ID;
if (!apiKey || !libraryId) {
return res.status(500).json({ message: "Bunny.net configuration missing" });
}
// Try to get thumbnail from Bunny API
const thumbnailUrl = `https://video.bunnycdn.com/library/${libraryId}/videos/${id}/thumbnail`;
const response = await fetch(thumbnailUrl, {
method: 'POST',
headers: {
'AccessKey': apiKey,
'Content-Type': 'application/json'
},
body: JSON.stringify({ time: 10 }) // Get thumbnail at 10 seconds
});
if (response.ok) {
const thumbnailData = await response.arrayBuffer();
res.set('Content-Type', 'image/jpeg');
res.set('Cache-Control', 'public, max-age=3600'); // Cache for 1 hour
res.send(Buffer.from(thumbnailData));
} else {
// If thumbnail generation fails, return a placeholder
res.redirect('https://via.placeholder.com/480x270/1a1a1a/ffffff?text=Video');
}
} catch (error) {
console.error('Error proxying thumbnail:', error);
res.redirect('https://via.placeholder.com/480x270/1a1a1a/ffffff?text=Video');
}
});