Picture-in-Picture (PiP)

1Apa itu Picture-in-Picture?#

PiP memungkinkan aplikasi Anda terus menampilkan konten dalam jendela kecil yang melayang saat pengguna menekan Home atau berpindah aplikasi.

Cocok untuk:

• Aplikasi streaming video (ala YouTube)
• Situs web olahraga / acara langsung
• Aplikasi web konferensi video
• Situs web visualizer musik
• Platform video edukasi

2Aktifkan di Generator#

Di Langkah 2 (Display Settings):

1. Gulir ke 'Display Options'
2. Aktifkan 'Picture-in-Picture (PiP)'
3. Buat APK Anda

Memerlukan Android 8.0 (API 26) atau lebih baru. Perangkat yang lebih lama akan mengabaikan pengaturan ini dengan baik.

3Cara Kerjanya#

Saat PiP diaktifkan:

1. Pengguna sedang menonton video / memakai aplikasi Anda
2. Pengguna menekan tombol Home
3. Aplikasi mengecil menjadi jendela kecil yang melayang
4. Pengguna dapat berinteraksi dengan aplikasi lain sambil menonton
5. Mengetuk jendela PiP mengembalikan ke aplikasi penuh

Jendela PiP menampilkan apa pun yang sedang ditampilkan WebView saat itu.

4Optimasi situs web (opsional)#

Situs web Anda dapat mendeteksi mode PiP dan mengoptimalkan tampilan. Saat jendela mengecil, Anda mungkin ingin menyembunyikan menu dan hanya menampilkan video.

// Detect PiP mode in your website JS (resize fires on window, never on document):
window.addEventListener('resize', function() {
  if (window.innerWidth < 300) {
    // PiP mode - show only video
    document.querySelector('.navbar').style.display = 'none';
    document.querySelector('video').style.width = '100%';
  } else {
    // Full mode - restore UI
    document.querySelector('.navbar').style.display = 'block';
  }
});

5Batasan#

⚠️ Hanya Android 8.0+ (API 26)

⚠️ Beberapa perangkat mungkin tidak mendukung PiP (mis., edisi Android Go)

⚠️ Ukuran jendela PiP dikendalikan oleh Android, bukan aplikasi Anda

✅ Berfungsi dengan konten video maupun non-video

✅ Tidak perlu mengubah situs web - langsung berfungsi