O Google está trabalhando para trazer um novo modo picture-in-picture baseado em uma API W3C para o Google Chrome; Os usuários do Chrome Canary podem já ativar a nova funcionalidade no navegador da Web, enquanto os usuários que executam outras versões do Chrome precisam esperar até que o recurso apareça nas versões do navegador.
Atualização : o Google ativou o modo Picture-in-Picture no Google Chrome por padrão. Você pode pular a parte "habilitar" deste guia e ir direto para a parte de uso após concluir a introdução. O recurso funciona no YouTube apenas por enquanto, se você não instalar a extensão; se você instalar a extensão Picture-in-Picture (pelo Google), ela funcionará na maioria dos sites de vídeo. Fim
A implementação é baseada em uma API padronizada para a funcionalidade picture-in-picture que move vídeos que são reproduzidos no navegador da web em uma pequena janela de sobreposição que age independentemente da janela principal do navegador.
A nova API picture-in-picture funciona na maioria dos sites por padrão; os editores de sites podem utilizá-lo para personalizar a experiência picture-in-picture em seus sites; é possível alterar o tamanho da interface picture-in-picture, personalizar controles, adicionar restrições ou usá-lo para coletar dados estatísticos.
A Apple implementou a API picture-in-picture no Safari para Mac OS X e iOS, e o Google decidiu criar um experimento para o Chrome para determinar se vale a pena implementar a API na versão estável do navegador da web.
O Google planeja iniciar o experimento no Chrome 68 Beta e finalizará quando o Chrome 69 Stable for lançado. Em outras palavras, o experimento ocorrerá entre 7 de junho e 30 de agosto de 2018.
Os usuários do Google Chrome Canary podem ativar o suporte imagem a imagem no navegador da Web imediatamente. Observe que a implementação não é superestável no momento, mas funciona na maioria dos sites com conteúdo de vídeo.
Aqui está o que você precisa fazer:
Ativar sinalizadores experimentais
Carregue os três URLs a seguir na barra de endereço do navegador Chrome e ative o sinalizador experimental no Chrome Canary. Sugiro que você ative os três e reinicie o Chrome posteriormente (o Chrome solicita uma reinicialização quando você altera o status de qualquer uma das três preferências).
- chrome: // flags / # enable-experimental-web-platform-features - Ativa os recursos experimentais da Plataforma Web que estão em desenvolvimento.
- chrome: // flags / # enable-surface-for-videos. Habilite a composição em uma superfície em vez de em um VideoLayer para vídeos.
- chrome: // flags / # enable-picture-in-picture - Ative o recurso Picture-in-Picture para vídeos
Instale uma extensão experimental do navegador
Faça o download do seguinte arquivo no GitHub e extraia-o no sistema local. Ele inclui uma extensão para o Google Chrome que desbloqueia a implementação do modo imagem em imagem no navegador da Web quando instalado.
Carregue as extensões chrome: // depois de fazer isso e deslize o "Modo de desenvolvedor" para ativar para ativar o Modo de desenvolvedor e a capacidade de carregar extensões locais no navegador da web.
Selecione "carregar descompactado" e navegue até a pasta / src / do arquivo que você descompactou no sistema local.
O Chrome deve carregar a nova extensão picture-in-picture e adicionar um ícone à barra de ferramentas principal do Chrome.
Use o modo Picture-in-Picture no Chrome
Ative o ícone de extensão com um clique ou toque em qualquer página com um vídeo para enviar o vídeo para o pop-up picture-in-picture.
A implementação tem várias limitações agora:
- Somente o primeiro vídeo é reproduzido no modo imagem em imagem. O próximo vídeo, se a reprodução automática estiver ativada, não é carregado automaticamente no modo, mas é reproduzido na janela principal do navegador.
- A página em que o vídeo está incorporado precisa permanecer aberta.
- Você não pode realmente navegar para outra página no Chrome sem que a reprodução de vídeo volte para a janela principal do navegador, mas pode usar programas diferentes.
O modo imagem em imagem funciona automaticamente no YouTube, Vimeo e em muitos outros sites de vídeo.
O Opera Software implementou uma solução personalizada no modo picture-in-picture no navegador Opera. Nenhuma palavra ainda da Microsoft ou Mozilla em relação ao suporte à API.
Agora você : Você já usa o modo imagem em imagem? Deseja vê-lo no seu navegador? (através do computador Bleeping)