es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo hacer que la ventana emergente se abra automáticamente mientras se ve un video

26 May, 2023 Programación

Tengo un reproductor de video en React, necesito abrir una ventana emergente / modal para verificar que el usuario no sea un robot en un segundo aleatorio de la visualización del video.

Algoritmo: el usuario abre el sitio web -> ve el video -> en un segundo aleatorio aparece una ventana emergente / modal -> el usuario confirma el captcha (no soy un robot) -> la ventana emergente / modal desaparece -> el video continúa reproduciéndose.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Aquí está una guía paso a paso para implementar esto:

    1. Crea un componente de React para el reproductor de video.
    2. Agrega un escucha de eventos al componente del reproductor de video que escuchará el evento timeupdate.
    3. Genera un número aleatorio entre 0 y la duración total del video.
    4. Cuando se active el evento timeupdate, verifica si el tiempo actual del video es igual al número aleatorio.
    5. Si el tiempo actual del video es igual al número aleatorio, abre una ventana emergente/modal con un captcha.
    6. Agrega un escucha de eventos a la ventana emergente/modal que escuchará el evento enviar.
    7. Cuando se active el evento enviar, verifica si el captcha es válido.
    8. Si el captcha es válido, cierra la ventana emergente/modal y reanuda la reproducción del video.

Comments are closed.