Картинка в картинке (PiP)

1Что такое «картинка в картинке»?#

PiP позволяет вашему приложению продолжать показывать содержимое в небольшом плавающем окне, когда пользователь нажимает «Домой» или переключается на другие приложения.

Отлично подходит для:

• Приложения для потокового видео (в стиле YouTube)
• Сайты прямых спортивных трансляций и событий
• Веб-приложения для видеоконференций
• Сайты-визуализаторы музыки
• Образовательные видеоплатформы

2Включите в генераторе#

На шаге 2 (Настройки отображения):

1. Прокрутите до «Параметры отображения»
2. Включите «Picture-in-Picture (PiP)»
3. Создайте APK

Требуется Android 8.0 (API 26) или выше. На более старых устройствах эта настройка будет мягко проигнорирована.

3Как это работает#

Когда PiP включён:

1. Пользователь смотрит видео / пользуется вашим приложением
2. Пользователь нажимает кнопку «Домой»
3. Приложение уменьшается до небольшого плавающего окна
4. Пользователь может работать с другими приложениями во время просмотра
5. Нажатие на окно PiP возвращает в полноэкранное приложение

Окно PiP показывает то, что WebView отображал в этот момент.

4Оптимизация сайта (необязательно)#

Ваш сайт может определять режим PiP и оптимизировать отображение. Когда окно уменьшается, можно скрыть меню и показать только видео.

// 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';
  }
});

5Ограничения#

⚠️ Только Android 8.0+ (API 26)

⚠️ Некоторые устройства могут не поддерживать PiP (например, Android Go edition)

⚠️ Размером окна PiP управляет Android, а не ваше приложение

✅ Работает как с видео, так и с другим содержимым

✅ Менять сайт не нужно — работает сразу из коробки