Производители браузеров работают над W3C API, которое утвердит Picture-in-Picture (PiP) режим и позволит сайтам показывать всплывающие видео вне окна браузера.
В прошлом, PiP поддерживался только внутри канваса как всплывающее окно, которое появляется только в активной вкладке, пока пользователь скроллит страницу вверх-вниз.
Некоторые платформы добавили поддержку PiP-режима, но это были API, заточенные под OS, то есть работающие с любыми видеоприложениями, но не только с браузерами.
Новое Web API в работе у WICG
Подразделение W3C, которое называется WICG (Web Platform Incubator Community Group), обнародовало подробности о браузерном API для стандартизации PiP-взаимодействий, которые позволяют сайтам открывать внешние “всплывающие видео”.
“Многие пользователи хотят смотреть видео пока они взаимодействуют с другим контентом/сайтами/приложениями на своем устройстве,” – говорит разработчик из Google Франсуа Бёфорт, объясняя свою январскую идею о браузерном API, отличном от существующих реализаций в OS.
Согласно новому API, сайты смогут контролировать, когда открывать и закрывать PiP-окно, устанавливать размер окна, накладывать кастомные кнопки управления, ограничивать определенные взаимодействия внутри окна и собирать статистику, когда пользователи открыли/закрыли PiP-окно и как они это сделали.
Самое важное, что мы заметили во время экспериментов, так это то, что PiP-расширение работало почти со всеми тестовыми видео; это означает, что новая фича не полагается на изменения кода в сайтах.
Chrome и Safari уже тестируют новое API
Chrome и Safari уже выкатили новое Picture-in-Picture API. Для Safari Apple выкатили предварительное PiP API начинася c iOS 9 и macOS 10.
И хотя API объявлено двумя инженерами Google, в браузер Chrome еще ничего толком не готово для нового API. Команда Chrome сейчас планирует эксперимент для оценки стоимости API, после которого решит, реал��зовывать ли новое API по завершению теста.
Эксперимент начнется, когда Chrome 68 дойдет до стадии беты (запланировано на 7 июня 2018) и закончится, когда Google выкатит Chrome 69 (ожидается 30 августа 2018).
А пока что фича доступна пользователям Google Canary, которые могут включить ее прямо сейчас:
- на вкладке chrome://flags отметьте флаги:
- #enable-experimental-web-platform-features
- #enable-surfaces-for-videos
- #enable-picture-in-picture
- скачайте и распакуйте архив с расширением;
- на вкладке chrome://extensions включите Режим разработчика, если он еще не включен;
- чтобы загрузить расширение, нажмите на “Загрузить распакованное расширение”;
- появится диалоговое окно, в нем укажите src/ директорию, то есть то место, где вы распаковали zip-архив;
- откройте любое видео на Youtube и щелкните на иконке расширения, чтобы открыть PiP-окно для текущего видео.
Команды Firefox и Edge публично не объявляли о планах касательно нового API. Opera уже выкатывала фичу, похожую на PiP, в 2016 году – однако она основана на собственных разработках, а не на W3C API.
