Ative o novo modo Picture-in-Picture do Chrome
- Categoria: Google Chrome
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 já podem 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 chegue às versões do navegador.
Atualizar : O Google habilitou o modo Picture-in-Picture no Google Chrome por padrão. Você pode pular a parte de 'habilitação' deste guia e ir direto para a parte de uso depois de terminar a introdução. O recurso funciona no YouTube apenas por enquanto se você não instalar a extensão; se você instalar Extensão Picture-in-Picture (do Google) , deve funcionar na maioria dos sites de vídeo. Fim
A implementação é baseada em uma API padronizada para funcionalidade picture-in-picture que move os vídeos reproduzidos no navegador da web em uma pequena janela de sobreposição que atua 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 lançar o experimento no Chrome 68 Beta e encerrá-lo quando o Chrome 69 Stable for lançado. Em outras palavras, o experimento será executado entre 7 de junho e 30 de agosto de 2018.
Os usuários do Google Chrome Canary podem ativar o suporte picture-in-picture no navegador da web imediatamente. Observe que a implementação não é superestável agora, 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 habilite a sinalização experimental no Chrome Canary. Eu sugiro que você habilite todos os três e reinicie o Chrome depois (o Chrome pede uma reinicialização quando você altera o status de qualquer uma das três preferências).
- chrome: // flags / # enable-experimental-web-platform-features - Ativa recursos experimentais da plataforma da Web que estão em desenvolvimento.
- chrome: // flags / # enable-surface-for-videos .. Ative a composição em uma superfície em vez de um VideoLayer para vídeos.
- chrome: // flags / # enable-picture-in-picture - Ativa o recurso Picture-in-Picture para vídeos
Instale uma extensão experimental do navegador
Baixe o seguinte arquivo do GitHub e extraia-o no sistema local. Inclui uma extensão para o Google Chrome que desbloqueia a implementação do modo picture-in-picture no navegador da web quando instalado.
Depois de fazer isso, carregue as extensões chrome: // e deslize o botão de alternância 'Modo de desenvolvedor' para habilitar o modo de desenvolvedor e a capacidade de carregar extensões locais no navegador da web.
Selecione 'load unpacked' 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 da extensão com um clique ou toque em qualquer página com um vídeo para empurrar o vídeo para o pop-up picture-in-picture.
A implementação tem várias limitações agora:
- Apenas o primeiro vídeo é reproduzido no modo picture-in-picture. O próximo vídeo, se a reprodução automática estiver habilitada, 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 a reprodução do vídeo voltando para a janela principal do navegador, mas você pode usar programas diferentes.
O modo picture-in-picture funciona no YouTube, Vimeo e muitos outros sites de vídeo automaticamente.
O software Opera implementou uma solução de modo picture-in-picture personalizado no navegador Opera. Nenhuma palavra ainda da Microsoft ou Mozilla em relação ao suporte API.
Agora você : Você já usa o modo picture-in-picture? Gostaria de ver no seu navegador? (através da Biping Computer )