Add HLS playback for video previews and improve scrolling experience

Integrate HLS.js for HLS video playback in video cards, enabling sound and smoother preview functionality. Updates server-side Bunny.net configuration to use signed HLS URLs for MP4 previews.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
This commit is contained in:
sebastjanartic
2025-08-30 13:10:23 +00:00
parent 60f33156b4
commit 7185633a94
2 changed files with 75 additions and 17 deletions
+1 -1
View File
@@ -107,7 +107,7 @@ export class BunnyService {
thumbnailUrl,
customThumbnailUrl: null,
videoUrl: hlsUrl, // Signed HLS URL
videoUrlMp4: `https://${this.hostname}/${bunnyVideo.guid}/play_720p.mp4`, // Direct MP4 URL for preview
videoUrlMp4: hlsUrl, // Use signed HLS URL for preview as well
videoUrlIframe: iframeUrl, // iframe fallback
duration: Math.floor(bunnyVideo.length || 0),
views: bunnyVideo.views || 0,