Mobil uygulamalarda Picture-in-Picture — nedir, nasıl çalışır ve nerede kullanılır

Picture-in-Picture nedir?

Picture-in-Picture (PiP), içeriği diğer tüm pencerelerin ve uygulamaların üzerinde kalan küçük bir kayan pencerede gösteren bir video görüntüleme modudur. Kullanıcı PiP penceresini ekranda hareket ettirebilir, boyutunu değiştirebilir (bazı platformlarda) ve diğer uygulamalarda çalışırken içeriği izlemeye devam edebilir.

PiP kavramı televizyondan gelir: 1990'larda TV'ler ekranın bir köşesinde ikinci bir kanal gösterebiliyordu. Mobil cihazlarda PiP ilk olarak iPad'de iOS 9 (2015) ile Safari videoları için ortaya çıkarken, uygulamalar için tam sistem PiP'i iOS 14'te (2020) kullanılabilir oldu. Android'de PiP desteği daha erken geldi — sürüm 8.0 Oreo'da (2017), ancak yalnızca video için ve Android 12'den itibaren tüm içerik türleri için.

PiP, arka plan oynatmadan farklıdır çünkü video yalnızca ses akışında değil, ekranda görüntülenmeye devam eder. Arka plan ses oynatma her iki platformda da mevcuttur, ancak PiP kullanıcıya içerik üzerinde görsel kontrol sağlar: kareleri görebilir, duraklatabilir, geri sarabilir veya pencereyi kapatabilir. Bu, görsel içeriğin ses kadar önemli olduğu video eğitimleri, canlı yayınlar ve görüntülü aramalar için özellikle önemlidir.

PiP nasıl çalışır?

Mimari olarak PiP, daha düşük görüntüleme önceliğine sahip ayrı bir pencere oluşturan bir sistem pencere yöneticisi aracılığıyla uygulanır. Uygulama, video çıktısını, uygulama arka plana geçtikten veya küçültüldükten sonra bile video oluşturmaya devam eden bir sistem hizmetine devreder.

PiP oturumu yaşam döngüsü

Süreç, kullanıcının etkin video içeren uygulamayı küçültmesi veya PiP düğmesine basması (iOS'ta) ya da sistemin Activity'yi otomatik olarak PiP moduna geçirmesiyle (Android'te) başlar. Sistem pencere yöneticisi video akışını yakalar ve sabit oranlarda kayan bir pencere oluşturur. Pencere boyutu, orijinal video en boy oranına ve platform kısıtlamalarına bağlıdır: iOS'ta PiP penceresi ekran genişliğinin yaklaşık 1/6–1/4'ünü kaplar; Android'te mobil cihazlar için genişlikte 108 dp ve yükseklikte 240 dp'den az olmamalıdır.

PiP penceresi etkinken, uygulama üç durumdan birinde olabilir: arka planda (küçültülmüş), etkin durumda (kullanıcı uygulamaya döndü) veya bekleme durumunda (sistem kaynak yetersizliği nedeniyle PiP'i duraklattı). PiP'e geçiş sırasında, uygulama gereksiz UI işlemlerini (animasyonlar, arayüz oluşturma) duraklatmalı ve belleği serbest bırakmalıdır, çünkü çoklu görev modunda sistem kaynakları daha sıkı tahsis edilir. iOS, uygulamaya otomatik olarak AVPictureInPictureControllerWillStartNotification gönderirken, Android onPictureInPictureModeChanged geri çağrısını gönderir.

PiP modu sınırlamaları

PiP penceresinin önemli sınırlamaları vardır: standart UI kontrol öğelerini (duraklatma düğmesi, ilerleme çubuğu) görüntüleyemez — yalnızca temel kontrollerle (oynat/duraklat, kapat, tam ekrana genişlet) minimum sistem katmanı. Sistem PiP UI iOS'ta duraklatma ve kapatma düğmelerini içerirken, Android'te aynı öğeler artı ek bir ayarlar düğmesi içerir. PiP içindeki içerikle etkileşim (geri sarma, altyazı seçme) mümkün değildir — bunun için uygulamanın tam ekrana genişletilmesi gerekir.

iOS'ta PiP: uygulama ve sınırlamalar

iOS'ta PiP, AVKit çerçevesi ve AVPictureInPictureController sınıfı aracılığıyla uygulanır. Bu API, iPhone ve iPad için iOS 14+ üzerinde kullanılabilir, ancak farklı gereksinimlerle: iPad'de PiP, AVPlayerLayer aracılığıyla çalışır; iPhone'da ise yalnızca AVPlayerViewController aracılığıyla.

iOS'ta PiP için gereksinimler

iOS'ta PiP'in çalışması için birkaç koşulun karşılanması gerekir: uygulama video oynatma için AVPlayer kullanmalı, ses oturumu .playback veya .playAndRecord kategorisine ayarlanmalı ve uygulamanın arka plan sesi için yetkilendirmeleri (UIBackgroundModes = audio) olmalıdır. Bu ayarlar olmadan PiP başlamaz — sistem, arka plana geçişten sonra doğru oynatmayı garanti edemediği için PiP oturum isteğini reddedecektir.

iOS'ta, video etkin bir şekilde oynatılıyorsa ve kullanıcı bu özelliği ayarlardan devre dışı bırakmamışsa, uygulama küçültüldüğünde PiP penceresi otomatik olarak görünür. Kullanıcı, AVPlayerViewController'daki düğme aracılığıyla videoyu manuel olarak PiP'e küçültebilir. iOS'ta PiP penceresinin boyutu sabittir ve sistem tarafından belirlenir — geliştirici bunu değiştiremez. PiP penceresinin en boy oranı orijinal videonun oranıyla eşleşir, ancak maksimum boyut iPhone'da ekran genişliğinin 1/4'ü ve iPad'de 1/3'ü ile sınırlıdır.

iOS PiP sınırlamaları

iOS'ta PiP'in ana sınırlamaları: PiP penceresinde özel UI imkansızlığı, aynı anda tek PiP akışı ve PiP'in çalışması için etkin AVPlayer gerekliliği. Çoklu PiP — birden çok PiP penceresinin aynı anda oynatılması — iOS'ta desteklenmez. İkinci bir PiP başlatma girişiminde ilki otomatik olarak kapanır. Bu bir donanım sınırlamasıdır: video işlemcisi, DMA ve video belleği kısıtlamaları nedeniyle aynı anda iki bağımsız PiP kanalını yönetemez.

Bir diğer önemli sınırlama, arka plan oynatma süresidir. Kullanıcı PiP penceresiyle etkileşime girmezse, sistem enerji tasarrufu için bir süre sonra oynatmayı duraklatabilir. iOS'ta otomatik PiP duraklatması, uygulama bir arka plan görevi aracılığıyla keep-alive mekanizması uygulamadıysa 10–15 dakikalık hareketsizlikten sonra gerçekleşir. Görüntülü aramalar ve canlı yayınlar için, bu sınırlamayı aşan PushKit ve VoIP sertifikalarının kullanılması önerilir.

Android'te PiP: uygulama ve sınırlamalar

Android'te PiP, enterPictureInPictureMode yöntemi aracılığıyla etkinleştirilen yerleşik bir Activity modu olarak uygulanır. Android 8.0'den (API 26) itibaren herhangi bir Activity PiP moduna girebilir ve Android 12'den (API 31) itibaren MediaCodec kullanmadan SurfaceView ve TextureView için PiP desteği mevcuttur.

Bildirim dosyası yapılandırması

Android bildiriminde PiP'i desteklemek için, bölümünde Activity için android:supportsPictureInPicture özelliği belirtilmelidir. Bu özellik olmadan sistem PiP geçişine izin vermez. Ayrıca, PiP geçişi sırasında pencere boyutu değiştiğinde Activity'nin yeniden oluşturulmaması için android:configChanges="screenSize|smallestScreenSize|screenLayout|orientation" belirtilmesi önerilir. Temel PiP'in çalışması için derlemenin targetSdkVersion >= 26 (Android 8.0) olması gerekir.

Android'te PiP penceresinde varsayılan olarak hiçbir kontrol öğesi bulunmaz. Geliştirici, setPictureInPictureParams yönteminde RemoteAction aracılığıyla özel eylemler ekleyebilir. 3 eyleme kadar kullanılabilir (örneğin: duraklat/oynat, geri/ileri sar, kapat). Her eylem, sistem PiP katmanında bir simge olarak görünür. Tüm UI öğelerinin kesinlikle sabit olduğu iOS'un aksine, Android temel kontroller için daha fazla esneklik sunar.

Farklı sürümlere uyum

Android'te PiP, işletim sistemi sürümüne bağlı olarak farklı yeteneklere sahiptir. Android 8.0–8.1'de PiP yalnızca SurfaceView ile MediaPlayer veya MediaCodec aracılığıyla oynatılan videolar için kullanılabilir. Android 9'dan itibaren PiP penceresinin en boy oranını yapılandırmak için PictureInPictureArgs.Builder kullanılabilir. Android 12, özel SurfaceView ve TextureView için PiP desteğinin yanı sıra tam ekran ve PiP modu arasında iyileştirilmiş geçişler ekledi. Android 13+, uygulamanın uygun izni varsa kilitli ekranda bile PiP penceresinin görüntülenmesine izin verir.

Android PiP'in temel farkı iOS'a kıyasla çoklu PiP yeteneğidir. Android 12+'da, uygulamalar destekliyorsa ve cihaz performansı izin veriyorsa sistem birden çok PiP penceresini aynı anda görüntüleyebilir. Ancak pratikte, çoklu PiP SoC yetenekleriyle sınırlıdır: çoğu cihaz, donanım kod çözücü sınırlamaları nedeniyle yalnızca bir PiP penceresini destekler çünkü her PiP penceresi kendi video akışını ve ayrı bir kod çözme oturumunu gerektirir.

PiP kod örnekleri

Son API değişikliklerini dikkate alarak her iki mobil platformda PiP'in pratik uygulamasına bakalım.

iOS'ta AVPictureInPictureController ile PiP

import AVKit
import AVFoundation

class VideoPlayerViewController: UIViewController {
    var player: AVPlayer!
    var pipController: AVPictureInPictureController?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let playerLayer = AVPlayerLayer(player: player)
        playerLayer.videoGravity = .resizeAspect
        view.layer.addSublayer(playerLayer)
        
        guard AVPictureInPictureController.isPictureInPictureSupported()
        else { return }
        
        pipController = AVPictureInPictureController(playerLayer: playerLayer)
        pipController?.delegate = self
    }
    
    @IBAction func startPiPTapped() {
        pipController?.startPictureInPicture()
    }
}

extension VideoPlayerViewController: AVPictureInPictureControllerDelegate {
    func pictureInPictureControllerWillStart(
        _ pictureInPictureController: AVPictureInPictureController
    ) {
        // UI öğelerini gizle, belleği serbest bırak
    }
    
    func pictureInPictureControllerDidStop(
        _ pictureInPictureController: AVPictureInPictureController
    ) {
        // UI'yı geri yükle, oluşturmayı sürdür
    }
}

Bu örnekte, AVPictureInPictureController, isPictureInPictureSupported kontrol edildikten sonra playerLayer ile başlatılır (PiP, iPhone SE 1. nesil ve yeterli belleği olmayan bazı iPad'lerde desteklenmez). Temsilci, uygulamaya PiP'in başlangıcı ve bitişi hakkında bilgi verir — bu geri çağrılarda UI öğeleri gizlenmeli ve geri yüklenmelidir, çünkü PiP modunda uygulama arayüzü görünmez. PiP'e geçiş yaparken, sistemin uygulamayı zorla kaldırmasını önlemek için tüm animasyonların durdurulması, oynatıcı kontrollerinin gizlenmesi ve kullanılmayan belleğin serbest bırakılması önerilir.

Android'te PictureInPictureParams ile PiP

class PipVideoActivity : AppCompatActivity() {
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setupVideoPlayer()
    }
    
    private fun enterPipMode() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            val aspectRatio = Rational(16, 9)
            
            val pipParams = PictureInPictureParams.Builder()
                .setAspectRatio(aspectRatio)
                .setAutoEnterEnabled(true)
                .build()
            
            enterPictureInPictureMode(pipParams)
        }
    }
    
    override fun onPictureInPictureModeChanged(
        isInPictureInPictureMode: Boolean,
        newConfig: Configuration
    ) {
        if (isInPictureInPictureMode) {
            // UI'yı gizle, yalnızca medyaya odaklan
            binding.controlsGroup.visibility = View.GONE
        } else {
            // UI'yı geri yükle
            binding.controlsGroup.visibility = View.VISIBLE
        }
    }
}

Kotlin örneği, PiP'i yapılandırmak için PictureInPictureParams.Builder kullanır. setAspectRatio yöntemi PiP penceresinin en boy oranını ayarlar (tipik video için 16:9). setAutoEnterEnabled(true), uygulama küçültüldüğünde otomatik PiP geçişini etkinleştirir. onPictureInPictureModeChanged geri çağrısı PiP'e giriş ve çıkışta çağrılır — burada UI öğeleri gizlenmeli veya gösterilmelidir. SurfaceView'daki video için, PiP modu geçişi sırasında Activity'nin yeniden oluşturulmasını önlemek amacıyla bildirime android:configChanges="screenSize|smallestScreenSize" eklenerek ek yapılandırma işleme gereklidir.

Picture-in-Picture ne zaman kullanılır

PiP, içeriğin diğer görevlere geçildiğinde bile alakalı kaldığı uygulamalarda kullanıcı deneyimini iyileştirmek için güçlü bir araçtır. Ancak PiP uygulaması gerekçelendirilmeli ve kullanıcının dikkatini dağıtmamalıdır.

En uygun senaryolar

Görüntülü aramalar ve konferanslar PiP'in ana senaryolarından biridir. Zoom, FaceTime, Google Meet'te PiP, kullanıcının diğer uygulamalarda çalışırken (not okuma, sunum izleme veya e-posta kontrol etme) muhatabını görmesini sağlar. Görüntülü aramalar için PiP, arka planda kamera desteği ve arka planda ses yakalamaya devam etmek için doğru ses oturumu yapılandırması gerektirir. iOS'ta bu, AVPlayerLayer yerine AVSampleBufferDisplayLayer kullanılarak yapılır çünkü görüntülü aramalar AVPlayer kullanmaz.

Akış hizmetleri (YouTube, Netflix, Twitch), yeni içerik ararken izlemeye devam etmek için PiP'i aktif olarak kullanır. YouTube Premium, PiP'i ücretli bir özellik olarak sunar ve Netflix de içerik lisanslama kısıtlamaları nedeniyle PiP'i belirli abonelik planlarıyla sınırlar. Bir akış uygulamasında PiP uygulamak için, PiP modunda güvenli bir işlem hattını destekleyen bir DRM sistemi (FairPlay, Widevine) ile entegrasyon gerekir.

PiP'in gerekli olmadığı durumlar

PiP, kullanıcı etkileşimi gerektiren etkileşimli video içeriğine sahip uygulamalar için uygun değildir: oynatıcı içinde testler bulunan eğitim platformları, sohbetli oyun yayınları, videoda ürün bağlantıları olan alışveriş uygulamaları. Bu durumlarda, PiP penceresi ek bilgi görüntülemek için çok küçüktür ve etkileşimli öğeler PiP içinde desteklenmez. Önerilen, PiP'i yalnızca içerikle etkileşim gerekmediğinde pasif izleme için kullanmaktır.

Müzik ve podcast uygulamaları için PiP gereksizdir — görsel pencere olmadan arka plan sesi yeterlidir. PiP, kayan bir pencerede video oluşturmak için ek GPU kaynakları tüketir ve pil ömrünü kısaltır. İçerik ses tabanlıysa (müzik, podcast, sesli kitaplar) — PiP'siz arka plan oynatma kullanın. Görselse — kullanıcı deneyimini iyileştirmek için PiP uygulayın.