Cloudflare R2 ile Görsel ve Video Depolama Rehberi

R2 nesne depolama, görsel ve video dosyalarını web sunucusundan ayırmak için kullanılabilir. R2 tek başına videoyu farklı çözünürlüklere dönüştüren bir streaming/transcoding servisi değildir.

1. Dosyayı yayın için hazırlayın

Görselleri gerekli boyutlarda üretin; orijinal 10 MB fotoğrafı küçük kartta sunmayın. Videoda uyumlu codec/container ve dosyanın başında oynatma metadata'sı önemlidir. HLS/DASH gerekiyorsa ayrı dönüştürme süreci veya uygun video hizmeti planlayın.

2. Metadata ve URL düzeni

Public medya bucket'ına yükleyip custom domain bağlayın. Doğru Content-Type, cache politikası ve sürümlenmiş nesne adı kullanın. Kullanıcıya özel faturaları aynı public bucket'a koymayın.

<img src="https://media.example.com/urun-640.webp"
     srcset="https://media.example.com/urun-640.webp 640w, https://media.example.com/urun-1280.webp 1280w"
     sizes="(max-width: 640px) 100vw, 640px"
     width="1280" height="960" alt="Ürünün ön görünümü" loading="lazy">
<video controls preload="metadata" width="1280" height="720">
  <source src="https://media.example.com/tanitim-v2.mp4" type="video/mp4">
</video>

URL'leri gerçek nesnelerle değiştirin. İlk ekrandaki kritik görsele otomatik lazy-loading uygulamayın.

3. Range ve erişimi test edin

curl -I https://media.example.com/tanitim-v2.mp4
curl -sS -D - -o /dev/null -H 'Range: bytes=0-1023' https://media.example.com/tanitim-v2.mp4

Range desteğinde 206 ve Content-Range beklenir. Mobil ağda videonun başlamasını ve ileri sarmayı test edin. JavaScript/canvas ile erişim varsa CORS'u da doğrulayın.

4. Güncelleme

Yeni içeriğe yeni dosya adı verin; eski sayfalardaki referanslar temizlenmeden eski nesneyi silmeyin. 404 oranını ve medya bant genişliği/istek kullanımını izleyin.

Büyük MP4 için yayımlama öncesi örnek

FFmpeg kurulu bilgisayarda, zaten tarayıcıyla uyumlu H.264/AAC içeren MP4 için:

ffmpeg -i kaynak.mp4 -c copy -movflags +faststart yayin-v2.mp4

Bu komut codec dönüştürmez; metadata'yı başlangıca taşımaya çalışır ve yeni dosya üretir. Kaynak uyumsuz codec içeriyorsa ayrı transcode gerekir. Yüklemeden önce ses/görüntü süresini ve ileri sarmayı test edin. Yeni nesne adını video source alanına yazın; eski içeriği kullanan sayfaları kontrol edin.