Производители браузеров работают над 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.
Комментарии (25)
MonkAlex
21.05.2018 13:15В опере меня лично эта штука раздражала и я специально искал настройку, которой это можно отключить.
pudovMaxim
21.05.2018 13:26+1Я правильно понял — 30 лет эволюции интернета привело к появлению видео-попапов?
DrVooDoo
21.05.2018 13:59+1теперь ты сможешь смотреть видеорекламу пока будешь читать просьбу выключить адблок и поддержать
жадныхсайтroscomtheend
22.05.2018 10:07Нет, теперь пока в основном окне показывается «наши онлайн букмекерказиноспонсор» вбитое гвоздями в сам ролик, в попапе услужливый ютуб покажет ещё одну видеорекламу.
PS. глаза-то два — можно показывать две рекламы сразу, упущение для тельавизора- делить экран пополам и показывать два ролика одновременно. И ещё PIP в фильме. Хотя, стоп, они уже оверлей поверх пускают.
dartraiden
21.05.2018 14:18Некоторые пользователи уже давно хотели эти попапы. Например, было дополнение для Firefox, которое делало то же самое.
Я, например, вынужден смотреть онлайн видео в отдельном проигрывателе, потому что мне очень часто надо мониторить некоторые события, происходящие в фоне.Tallefer
21.05.2018 14:24Еще Макстон такое умел, даже до того, как зашкварился, версии со второй где-то.
pudovMaxim
21.05.2018 14:30А, понял случай использования. Обычно это делал вытаскиванием нужного таба в отдельное окно и выставлением «Всегда сверху».
Если грамотно реализуют и не дадут возможности всем подряд использовать, то есть плюсы.dartraiden
21.05.2018 14:32Вариант. Но слегка мешается заголовок окна и адресная строка. А хорошие видеопроигрыватели умеют «обрезать» своё окно, чтобы там оставался только контент и никаких лишних заголовков.
Tallefer
21.05.2018 14:34Дык да, тут все понятно. Меня вот беспокоит само наличие апи, зачем оно? Если не для того, шоб принудительно попапы открывать без желания юзера…
yapaha
21.05.2018 13:59Chrome Версия 66.0.3359.181 OSX
Не работает, нажимаю кнопку и ничего не происходитnvpushkarskiy2 Автор
21.05.2018 14:16«А пока что фича доступна пользователям Google Canary»
В обычном хроме пока не работает, верно. А вот в канарейке PiP уже можно попробовать :)
Version 68.0.3436.0 (Official Build) canary (64-bit)
mwizard
21.05.2018 19:22Я что-то путаю, или Safari это умеет уже достаточно давно?
Alex_ME
21.05.2018 21:17В Опере тоже уже давно
Gokudera
21.05.2018 21:44Очень против.
Особенно: «сайты смогут контролировать, когда открывать и закрывать PiP-окно»…
«устанавливать размер окна» — height:100%, width:100%
«накладывать кастомные кнопки управления» — по клику переадресация на сайт рекламодателя?
пользователю гадай какая из 50 вкладок запустила видео?
saege5b
22.05.2018 04:43«Ваши антивирусные базы устарели. Нажмите здеся чтобы обновить ваши антивирусные базы данных».
И всё в таком духе.
brnovk
22.05.2018 10:01Лучше бы просмотр 2-ух страниц одновременно в одном окне запилили, а не вот это вот всё.
На дворе 2018, абсолютное большинство мониторов широкоформатные, а сайты «узкие» и уже адаптированные для телефонов. В Firefox расширение для подобного функционала было (Fox Splitter), пока они движок не обновили. Но даже с расширением это не то, нативно было бы удобнее.
croupier
22.05.2018 13:53Я-браузер и UC browser на андроид тоже давно это могут без всяких сомнительных api.
Я-браузер
JTG
23.05.2018 16:45Еще Макстон такое умел
опера уже давно так делает
Safari это умеет уже достаточно давно?
Я-браузер и UC browser на андроид тоже давно это могут без всяких сомнительных api.
Было бы замечательно, если бы браузер предоставлял такое богатое API разработчикам расширений.
А то, что городят вышеупомянутые товарищи для привлечения аудитории, — это путь IE. W3C, конечно, те ещё черепахи, но лучше позже и совместимо, чем прямо сейчас и ещё десяток красных квадратиков на caniuse.com или «мы тут в хроме изменили сигнатуру метода window.addEventListener просто потому что можем», а потом «сделайте чтоб работало в %BROWSER_NAME%». Нет, спасибо.
Drag13
Не хочется быть пессимистом, но боюсь, что
=Многие пользователи увидят много видео рекламы, пока они взаимодействуют с другим контентом/сайтами/приложениями на своем устройстве.
Надеюсь будут настройки для разрешить/запретить чудо фичу.
roscomtheend
Это и сейчас есть — зашёл не туда и вот уже орущее видео внизу, прямо как на иллюстрации(слава *блокам, я этого не вижу). Теперь и с поддержкой корпорации недобра (тоже надеюсь на возможность отключить).