İşsiz kalma
15 görüntülenme4 dk okuma
Güncellendi:
VİDEO YÖNETİM SİSTEMİ
Mevcut DedikoduSaati web sitesine gelişmiş ve gerçek çalışan bir video yönetim sistemi ekle.
1. ADMİN PANELİ – VİDEO YÖNETİMİ
Admin Panelinde:
Video Yönetimi
bölümü oluştur.
Admin burada video ekleyebilsin, düzenleyebilsin, önizleyebilsin ve silebilsin.
Video ekleme sırasında şu seçenekler bulunsun:
- YouTube Videosu
- Instagram Videosu
- Facebook Videosu
- Normal Video Dosyası
---
2. YOUTUBE VİDEOSU
Admin YouTube bağlantısını yapıştırabilsin.
Desteklenen bağlantılar:
- "https://www.youtube.com/watch?v=VIDEO_ID"
- "https://youtu.be/VIDEO_ID"
- "https://www.youtube.com/shorts/VIDEO_ID"
Sistem URL'yi otomatik algılasın ve gerçek YouTube Video ID'sini çıkarsın.
Video site içerisinde embed oynatıcı olarak gösterilsin.
YouTube bağlantısı sadece yazı olarak gösterilmesin.
Admin panelinde:
- Video URL'si
- Video başlığı
- Video açıklaması
- Önizleme
- Kaydet
- Düzenle
- Sil
alanları bulunsun.
Geçersiz bağlantıda:
“Geçerli bir YouTube video bağlantısı girin.”
uyarısı gösterilsin.
---
3. NORMAL VİDEO DOSYASI YÜKLEME
Admin telefondan veya bilgisayardan doğrudan video dosyası yükleyebilsin.
Özellikle mobil cihazlarda çalışması zorunlu.
“Video Yükle” butonuna basıldığında telefonun dosya seçicisi açılsın.
Desteklenen formatlar:
- MP4
- WebM
- MOV
Mümkün olan en uygun video boyutu ve çözünürlüğü otomatik olarak kontrol edilsin.
Video yüklenirken:
- Yükleme yüzdesi
- Yükleniyor durumu
- Başarılı
- Hata
durumları gösterilsin.
Video yükleme tamamlandığında video önizlemesi gösterilsin.
Video dosyaları güvenli bir medya depolama alanında saklansın.
---
4. INSTAGRAM VİDEOSU
Admin Instagram video/reel bağlantısını yapıştırabilsin.
Instagram URL'si otomatik olarak algılansın.
Desteklenen Instagram bağlantıları mümkün olduğunca:
- Instagram gönderisi
- Instagram Reel
formatlarını kapsasın.
URL geçerliyse Instagram içeriği için uygun embed yöntemi kullanılsın.
Instagram bağlantısı sadece metin olarak gösterilmesin.
Embed mümkün değilse kullanıcıya açık ve anlaşılır hata mesajı gösterilsin.
---
5. FACEBOOK VİDEOSU
Admin Facebook video bağlantısını yapıştırabilsin.
Facebook video URL'si otomatik olarak algılansın.
Uygun Facebook embed yöntemi kullanılarak video site içerisinde gösterilsin.
Geçersiz veya embed edilemeyen bağlantıda:
“Bu Facebook videosu site içerisinde görüntülenemiyor.”
uyarısı gösterilsin.
---
6. VİDEO ÖNİZLEME
Admin video eklemeden önce:
ÖNİZLEME
butonuna basabilsin.
Önizleme sırasında video gerçek haliyle gösterilsin.
Admin kaydetmeden önce videonun çalışıp çalışmadığını kontrol edebilsin.
---
7. VİDEO BAŞLIĞI VE AÇIKLAMASI
Her videoda:
- Video başlığı
- Açıklama
- Kaynak türü
- Video URL'si veya dosyası
- Yayın durumu
- Yayın tarihi
alanları bulunabilsin.
Kaynak türü otomatik olarak gösterilsin:
YouTube / Instagram / Facebook / Dosya
---
8. İKİ VİDEO ALANI
Mevcut sistemde bulunan iki video alanı korunacak.
Video 1
ve
Video 2
ayrı ayrı yönetilecek.
Her alan için farklı video eklenebilecek.
Örneğin:
Video 1 → YouTube
Video 2 → Telefonda yüklenen MP4
veya:
Video 1 → Instagram
Video 2 → Facebook
şeklinde kullanılabilecek.
---
9. MOBİL UYUMLULUK
Video yönetim sistemi özellikle telefonlarda düzgün çalışacak.
Admin Android veya iPhone üzerinden:
- Video seçebilecek
- Video yükleyebilecek
- YouTube linki yapıştırabilecek
- Instagram linki ekleyebilecek
- Facebook linki ekleyebilecek
- Önizleme yapabilecek
- Kaydedebilecek
- Videoyu silebilecek
Telefon ekranında butonlar ve formlar düzgün görünecek.
---
10. ANA SAYFADA GÖSTERİM
Admin Panelinde kaydedilen videolar ana sitede otomatik olarak gösterilsin.
Video kaynağına göre uygun oynatıcı kullanılsın.
Normal video dosyaları HTML5 video oynatıcı ile gösterilsin.
YouTube, Instagram ve Facebook içerikleri uygun embed yöntemiyle gösterilsin.
Video alanı:
- Mobil uyumlu
- Tablet uyumlu
- Masaüstü uyumlu
- Responsive
olsun.
---
11. PERFORMANS
Video sayfasını yavaşlatmamak için:
- Videolar gereksiz yere otomatik indirilmesin.
- Lazy loading kullanılsın.
- Sayfa açılır açılmaz bütün videolar yüklenmesin.
- Gerekli olduğunda video oynatıcı yüklensin.
- Büyük video dosyaları için uygun depolama ve yayınlama yöntemi kullanılsın.
---
12. GÜVENLİK
- Video yükleme yalnızca yetkili Admin kullanıcılarına açık olsun.
- Normal üyeler video yükleyemesin.
- Yazarlar video yükleyemesin; yalnızca kendilerine ayrıca yetki verilirse kullanılabilsin.
- Yüklenen dosyaların dosya türü kontrol edilsin.
- Güvenilmeyen dosyalar kabul edilmesin.
- Dosya boyutu sınırı uygulanabilsin.
- Supabase Storage kullanılıyorsa güvenlik politikaları düzgün yapılandırılsın.
- RLS kuralları uygulanacak.
- Yetkisiz kullanıcı doğrudan API üzerinden video yükleyemesin.
---
13. VİDEO DÜZENLEME VE SİLME
Admin daha önce eklenen videoları liste halinde görebilsin.
Her video için:
- Düzenle
- Önizle
- Yayından kaldır
- Sil
butonları bulunsun.
Silme işleminde onay sorulsun.
Silinen video ana siteden de kaldırılmış olsun.
---
14. HARD-CODE KULLANMA
Video URL'leri kesinlikle kodun içine sabit olarak yazılmayacak.
Tüm video bilgileri Supabase veritabanından yönetilecek.
Admin panelinden video eklediğimde ana sitede otomatik olarak görünecek.
Admin videoyu değiştirdiğinde ana sitedeki video da otomatik değişecek.
---
15. ÖNEMLİ TEKNİK KURAL
Sistemi yalnızca görsel olarak oluşturma.
Gerçek çalışan sistem oluştur.
Supabase:
- Database
- Storage
- Authentication
- RLS
- Video kayıtları
- Video kaynak türleri
- Video URL'leri
- Video dosyaları
- Yayın durumları
gerçek şekilde yapılandırılsın.
Mevcut DedikoduSaati tasarımı bozulmasın.
Mevcut Admin Paneli, haber sistemi, yazar sistemi, üyelik sistemi ve diğer özellikler korunarak video sistemi bunlara entegre edilsin.
AMAÇ
Admin telefondan bile kolayca:
YouTube linki ekleyebilsin → Önizlesin → Kaydetsin
veya
Instagram linki ekleyebilsin → Önizlesin → Kaydetsin
veya
Facebook linki ekleyebilsin → Önizlesin → Kaydetsin
veya
Telefonundaki MP4 videoyu seçsin → Yüklesin → Önizlesin → Kaydetsin.
Eklenen video ana sitede otomatik olarak görüntülensin.