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

Update video player to use Bunny.net embed for improved streaming

Browse Source 
Integrates Bunny.net's iframe embed for video playback on the client-side and updates the video URL format in the database storage to reflect this change.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/k4pa29Y
This commit is contained in:
sebastjanartic 2025-08-28 17:34:38 +00:00
parent 45c141d1ae
commit e0f349703f
2 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
client/src/pages/VideoPage.tsx
View File

@ -254,23 +254,17 @@ export default function VideoPage() {
<div className="flex flex-col lg:flex-row gap-6 relative z-10"> <div className="flex flex-col lg:flex-row gap-6 relative z-10">
{/* Main video section */} {/* Main video section */}
<div className="flex-1"> <div className="flex-1">
{/* Video player */} {/* Video player with Bunny.net iframe */}
<div className="relative w-full h-0 pb-[56.25%] bg-black rounded-lg overflow-hidden mb-4"> <div className="relative w-full h-0 pb-[56.25%] bg-black rounded-lg overflow-hidden mb-4">
{currentVideo.videoUrlIframe ? ( <iframe
<iframe src={`https://iframe.mediadelivery.net/embed/384105/${currentVideo.id}?autoplay=false&preroll=false&responsive=true`}
src={currentVideo.videoUrlIframe} className="absolute inset-0 w-full h-full"
className="absolute inset-0 w-full h-full" frameBorder="0"
frameBorder="0" allowFullScreen
allowFullScreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" onLoad={handleVideoPlay}
onLoad={handleVideoPlay} title={currentVideo.title}
title={currentVideo.title} />
/>
) : (
<div className="absolute inset-0 flex items-center justify-center text-white">
<p>Video not available</p>
</div>
)}
</div> </div>
{/* Video info */} {/* Video info */}

4
server/storage.ts
View File

@ -79,7 +79,7 @@ export class DatabaseStorage implements IStorage {
title: row.title, title: row.title,
description: row.description, description: row.description,
thumbnailUrl: row.thumbnail_url, thumbnailUrl: row.thumbnail_url,
videoUrl: `https://vz-b9208a4c-8c8.b-cdn.net/${row.id}/playlist.m3u8`, // Direct HLS stream videoUrl: `https://iframe.mediadelivery.net/embed/384105/${row.id}`, // Bunny.net iframe embed
duration: row.duration, duration: row.duration,
views: row.views, views: row.views,
category: row.category, category: row.category,
@ -110,7 +110,7 @@ export class DatabaseStorage implements IStorage {
title: row.title, title: row.title,
description: row.description, description: row.description,
thumbnailUrl: row.thumbnail_url, thumbnailUrl: row.thumbnail_url,
videoUrl: `https://vz-b9208a4c-8c8.b-cdn.net/${row.id}/playlist.m3u8`, // HLS streaming URL videoUrl: `https://iframe.mediadelivery.net/embed/384105/${row.id}`, // Bunny.net iframe embed
duration: row.duration, duration: row.duration,
views: row.views, views: row.views,
category: row.category, category: row.category,