Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Xnechijli01 escriba una noticia?

Videos flotantes en el navegador

13/11/2019 15:20 0 Comentarios Lectura: ( palabras)

Como Ver videos flotantes en el navegador web

Hoy en día muchas personas acostumbran ​​ver conferencias, tutoriales de bricolaje, una nueva revisión técnica, o incluso videos de comedia de pie en un mini reproductor flotante en la esquina encima de las ventanas de otras aplicaciones mientras interactúan con otras tareas como escribir código, un artículo, o incluso leyendo.

Hasta donde yo sé, hay extensiones bastante impresionantes tanto para Chrome como para Safari que ofrece un mini reproductor flotante para videos de YouTube.

En este artículo, voy a cubrir la API web JavaScript Picture-in-Picture (PiP). Esta podría ser una característica interesante para ofrecer a los usuarios si tienen un sitio web o aplicaciones web que brindan servicio de video.

API web Picture-in-Picture

Picture-in-Picture (PiP) es una característica común a nivel de plataforma entre los sistemas operativos de escritorio y móviles. Picture-in-Picture (PiP) permite a los usuarios ver videos en una ventana flotante (siempre encima de otras ventanas) para que puedan vigilar lo que están viendo mientras interactúan con otras tareas. Esta ventana permanece visible incluso cuando el agente de usuario no está visible.

La especificación tiene como objetivo permitir que los sitios web inicien y controlen este comportamiento al exponer los siguientes conjuntos de propiedades a la API:

Notifique al sitio web cuando ingrese y salga del modo Picture-in-Picture (flotante).

Javascript

Permita que el sitio web active Picture-in-Picture a través de un gesto del usuario en un elemento de video.

Permita que el sitio web conozca el tamaño de la ventana Picture-in-Picture y notifique al sitio web cuando cambie.

Permita que el sitio web salga de Picture-in-Picture.

Permita que el sitio web verifique si se puede activar Picture-in-Picture.

Uso

Comprueba si Picture-in-Picture es compatible y está disponible:

const isPiPAvailable = () => {

return document.pictureInPictureEnabled || !videoElement.disablePictureInPicture;

}isPiPAvailable() ? showPiPButton() : hidePiPButton();

En la siguiente nota seguiremos hablando acerca de esto como parte de nuestro curso de javascript. También puedes ver el curso de kotlin y el curso de php.

 


Sobre esta noticia

Autor:
Xnechijli01 (35 noticias)
Visitas:
489
Tipo:
Reportaje
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Etiquetas

Comentarios