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

 

 

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

 

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

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

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

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

 

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

 

включить хром-изображение в картинке api

Установите экспериментальное расширение

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

 

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

 

Выберите «load unpacked» и выберите недавно распакованный файл расширения.

 

После установки на панели инструментов появится соответствующий значок.

 

хромированное изображение в увеличении изображения

 

 

 

 

 

 

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

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

 

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

 

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

 

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

 

Хром изображение в картинке

 

 

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

 

 

 


 

Спасибо, что читаете! Подписывайтесь на меня в социальных сетях Facebook, Twitter, VKOK и мессенджерах Telegram и TamTam!

 

Читайте анонсы и посты целиком в ЖЖ, Medium, Голосе и Яндекс.Дзен!

 

Поддержите мой блог финансово. Все донаты пойдут на оплату хостинга и развитие сайта!