From ae82ad5bc34576c8e5faac6887d88210e1dedd32 Mon Sep 17 00:00:00 2001 From: Mustafa Date: Thu, 30 Jul 2026 22:37:47 +0300 Subject: [PATCH] feat: serve frames & video from CDN (media.ayris.tech) --- components/sections/CloudRevealSection.tsx | 5 +++-- components/sections/UnitRevealOverlay.tsx | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/components/sections/CloudRevealSection.tsx b/components/sections/CloudRevealSection.tsx index 7460c7c..17f0ef5 100644 --- a/components/sections/CloudRevealSection.tsx +++ b/components/sections/CloudRevealSection.tsx @@ -11,9 +11,10 @@ import { } from 'framer-motion' import UnitRevealOverlay from './UnitRevealOverlay' -const TOTAL_FRAMES = 298 +const TOTAL_FRAMES = 299 +const CDN = 'https://media.ayris.tech/t' const FRAME_PATH = (n: number) => - `/frames/ezgif-frame-${String(n).padStart(3, '0')}.jpg` + `${CDN}/vesta/frames/ezgif-frame-${String(n).padStart(3, '0')}.jpg` // Scroll aralığına göre opacity döndüren helper function usePhaseOpacity( diff --git a/components/sections/UnitRevealOverlay.tsx b/components/sections/UnitRevealOverlay.tsx index e603303..abe6f3b 100644 --- a/components/sections/UnitRevealOverlay.tsx +++ b/components/sections/UnitRevealOverlay.tsx @@ -5,10 +5,11 @@ import { motion, AnimatePresence } from 'framer-motion' import { X } from 'lucide-react' const UNIT_FRAMES = 120 +const CDN = 'https://media.ayris.tech/t' // Video kullanan birimler const VIDEO_UNITS: Record = { - 'blok-a': '/unit-videos/blok-a.mp4', + 'blok-a': `${CDN}/vesta/unit-videos/blok-a.mp4`, } interface UnitRevealOverlayProps { @@ -61,7 +62,7 @@ export default function UnitRevealOverlay({ for (let i = 0; i < UNIT_FRAMES; i++) { const img = new Image() - img.src = `/unit-frames/${unitId}/ezgif-frame-${String(i + 1).padStart(3, '0')}.jpg` + img.src = `${CDN}/vesta/unit-frames/${unitId}/ezgif-frame-${String(i + 1).padStart(3, '0')}.jpg` img.onload = () => { if (cancelled) return loadedCount++