Включить новый режим Chrome «картинка в картинке»

Google работает над созданием нового режима «картинка в картинке» на основе API W3C в Google Chrome; Пользователи Chrome Canary могут включить новые функции в веб-браузере, в то время как пользователям, использующим другие версии Chrome, нужно подождать, пока эта функция появится в их версиях браузера.

Обновление : Google включил режим «картинка в картинке» в Google Chrome по умолчанию. Вы можете пропустить «включающую» часть этого руководства и сразу перейти к разделу «Использование» после того, как ознакомитесь с введением. Функция работает на YouTube только сейчас, если вы не установите расширение; если вы установите расширение Picture-in-Picture (от Google), оно должно работать на большинстве видео сайтов. Конец

Реализация основана на стандартизированном API-интерфейсе для функции «картинка в картинке», который перемещает видео, которые воспроизводятся в веб-браузере, в небольшое оверлейное окно, которое действует независимо от основного окна браузера.

Новый API «картинка в картинке» по умолчанию работает на большинстве сайтов; издатели веб-сайтов могут использовать его для настройки взаимодействия «картинка-в-картинке» на своих сайтах; Можно изменить размер интерфейса «картинка в картинке», настроить элементы управления, добавить ограничения или использовать его для сбора статистических данных.

Apple внедрила API-интерфейс «картинка в картинке» в Safari для Mac OS X и iOS, а Google решила создать эксперимент для Chrome, чтобы определить, стоит ли реализовывать API в стабильной версии веб-браузера.

Google планирует запустить эксперимент в Chrome 68 Beta и завершит его, когда выйдет Chrome 69 Stable. Другими словами, эксперимент будет проводиться между 7 июня и 30 августа 2018 года.

Пользователи Google Chrome Canary могут сразу включить поддержку «картинка в картинке» в веб-браузере. Обратите внимание, что реализация не является сверхстабильной на данный момент, но она работает на большинстве сайтов с видеоконтентом.

Вот что вам нужно сделать:

Включить экспериментальные флаги

Загрузите следующие три URL-адреса в адресную строку браузера Chrome и включите экспериментальный флаг в Chrome Canary. Я предлагаю вам включить все три и перезапустить Chrome после этого (Chrome запрашивает перезапуск при изменении состояния любого из трех параметров).

  1. chrome: // flags / # enable-экспериментальный-web-platform-features - включает экспериментальные функции веб-платформы, которые находятся в разработке.
  2. chrome: // flags / # enable-surface-for-videos. Включить компоновку на поверхность вместо VideoLayer для видео.
  3. chrome: // flags / # enable-picture-in-picture - включить функцию «картинка в картинке» для видео

Установите экспериментальное расширение для браузера

Загрузите следующий файл с GitHub и распакуйте его в локальной системе. Он включает в себя расширение для Google Chrome, которое при установке разблокирует реализацию режима «картинка в картинке» в веб-браузере.

Загрузите chrome: // extensions, как только вы это сделаете, и передвиньте переключатель «Режим разработчика», чтобы включить режим разработчика и возможность загрузки локальных расширений в веб-браузере.

Выберите «загрузить распакованный» и перейдите в папку / src / архива, который вы распаковали в локальной системе.

Chrome должен загрузить новое расширение «картинка в картинке» и добавить значок на главную панель инструментов Chrome.

Используйте режим «картинка в картинке» в Chrome

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

Реализация имеет несколько ограничений прямо сейчас:

  • Только первое видео воспроизводится в режиме «картинка в картинке». Следующее видео, если автозапуск включен, не загружается автоматически в режиме, а воспроизводится в главном окне браузера.
  • Страница, на которой размещено видео, должна оставаться открытой.
  • На самом деле вы не можете перейти на другую страницу в Chrome без воспроизведения видео и возврата в главное окно браузера, но вы можете использовать разные программы.

Режим «картинка в картинке» работает на YouTube, Vimeo и многих других видео сайтах автоматически.

Компания Opera Software внедрила специальное решение «картинка в картинке» в браузере Opera. Пока нет ни слова от Microsoft или Mozilla относительно поддержки API.

Теперь вы : Вы уже используете режим «картинка в картинке»? Хотите увидеть это в своем браузере? (через Bleeping Computer)