Picture-in-Picture (PiP) Nedir?

Picture-in-Picture, mevcut sekmeden bir videoyu ekranınızın üstünde kalan küçük bir kayan pencereye çıkarmanıza olanak tanıyan bir tarayıcı özelliğidir. Bunu istediğiniz yere taşıyabilir, yeniden boyutlandırabilir ve diğer sekmelere göz atarken, belgeler yazarken veya bilgisayarınızda başka bir şey yaparken izlemeye devam edebilirsiniz — video her zaman görünür kalır.

PiP, standartlaştırılmış bir web API aracılığıyla tüm modern masaüstü tarayıcılarına (Chrome, Edge, Firefox, Safari) yerleştirilmiştir. Hiçbir eklenti veya uzantı gerektirmez ve kayan pencere tamamen işletim sistemi tarafından yönetilir, bu nedenle uygulamalar arasında geçiş yaptığınızda bile devam eder.

Araç açıklaması

Bu araç, herhangi bir doğrudan video URL'sini bir HTML5 oynatıcıya yükler ve tek bir tıklamayla Picture-in-Picture modunda başlatmanıza olanak tanır. Herkese açık bir video dosyasına bir bağlantı yapıştırın, yükleyin ve videoyu kayan bir yer paylaşım penceresine ayırmak için "Picture-in-Picture'ı Başlat" düğmesine basın.

Desteklenen formatlar

Tarayıcınızın yerel HTML5 oynatıcısının desteklediği herhangi bir video formatı:

  • MP4 (H.264 / H.265) — evrensel olarak desteklenir
  • WebM (VP8 / VP9 / AV1) — Chrome, Firefox, Edge'de desteklenir
  • OGG / OGV (Theora) — Firefox ve Chrome'da desteklenir
  • MOV — Safari'de desteklenir; başka yerlerde sınırlı destek
  • M4V — çoğu Chromium tabanlı tarayıcı ve Safari'de desteklenir

Video dosyası HTTP/HTTPS üzerinden sunulmalı ve sunucu, tarayıcının bunu yüklemesi için çapraz kaynak isteklerine (CORS) izin vermelidir.

Nasıl çalışır

  1. Girdiğiniz URL, standart bir HTML5 <video> öğesinin src öğesi olarak yüklenir.
  2. "Picture-in-Picture'ı Başlat" düğmesine tıkladığınızda, tarayıcı bu öğede yerel requestPictureInPicture() API'sini çağırır.
  3. Tarayıcı videoyu işletim sistemi pencere yöneticisi tarafından yönetilen bir kayan pencereye ayırır.
  4. "Picture-in-Picture'dan Çık" düğmesine (veya kayan pencerenin kapatma düğmesine) tıklamak exitPictureInPicture() öğesini çağırır ve videoyu oynatıcıya döndürür.

Özellikler

  • Tarayıcıdan doğrudan tek tıklamayla PiP başlatma ve çıkış — uzantı gerekmez
  • Herkese açık herhangi bir doğrudan video URL'siyle çalışır
  • 16:9 en boy oranı oynatıcı ve tam yerel kontroller (oynat, duraklat, ara, ses, tam ekran)
  • PiP'ye girmeden önce oynatmayı otomatik olarak başlatır, böylece video donmaz
  • PiP'nin geçerli tarayıcıda desteklenmediğini algılar ve net bir ileti gösterir

Kullanım durumları

  • Bir kod editöründe veya başka bir tarayıcı sekmesinde takip ederken bir öğretici videoyu kayan bir pencerede izleyin
  • Diğer uygulamalarda çalışırken canlı bir akışı veya kaydedilmiş bir video akışını izleyin
  • Belgeler, elektronik tablolar veya tasarım dosyaları düzenlerken bir video referansını görünür tutun

Sınırlamalar

  • Video sunucusu, dosyanın farklı bir kaynaktan getirilmesine izin vermelidir (CORS başlıkları gereklidir). Birçok CDN ve doğrudan dosya ana bilgisayarı bunu zaten yapar; bazıları yapmaz.
  • PiP tüm tarayıcılarda kullanılamaz — özellikle bazı mobil tarayıcılar ve eski masaüstü sürümleri API'yi desteklemez.
  • HLS (.m3u8) ve DASH (.mpd) gibi akış oynatma listesi formatları doğrudan desteklenmez; yalnızca aşamalı indirme URL'leri çalışır.

SSS

Video neden yüklenemedi? Videoyu barındıran sunucu, çapraz kaynak yüklemesine izin veren Access-Control-Allow-Origin başlığını içermeyebilir veya URL kimlik doğrulaması gerektirebilir. Bir video dosyasına doğrudan genel bir bağlantı deneyin.

PiP düğmesi neden devre dışı bırakıldı? Bir URL girerek ve "Video Yükle" düğmesine tıklayarak önce bir video yüklemeniz gerekir. Bir kaynak ayarlandıktan sonra düğme etkin hale gelir.

Bu mobilde çalışır mı? Picture-in-Picture API'sinin mobil tarayıcılarda sınırlı desteği vardır. iOS'ta Safari, videolar için PiP'yi destekler ancak davranış farklı olabilir. Android'de Chrome, sürüme ve işletim sistemi ayarlarına bağlı olarak bunu destekleyebilir.