Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Ayuda! Pulsar tecla y mostrar video

JavaScript - Ayuda! Pulsar tecla y mostrar video

Volver
Nuevo Tema
<<>>
 
Vista:

Ayuda! Pulsar tecla y mostrar video

Publicado por blast (1 intervención) el 08/05/2018 11:19:09
Hola! Necesito una mano con un proyecto que tengo en mente. Me gustaría hacer un video interactivo, con dos historias que ocurren de manera paralela. Estoy programando la pagina web en la que se alojara el video, pero necesito una mano con la programación para hacer que se reproduzca el video 1, y solo mientras una tecla es pulsada, aparezca el video 2.
No se si me he explicado demasiado bien. Estuve probando con keypress, pero no lo consegui hacer.
Si alguien pudiese echarme una mano estaria agradecida
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Pedro
Val: 101
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda! Pulsar tecla y mostrar video

Publicado por Pedro (23 intervenciones) el 08/05/2018 20:52:24
Algoritmo de resolución:

[1] Tienes que crear un EventListener de keydown así:

1
document.addEventListener('keydown',controlteclado);

[2] Ya dentro de la función compruebas si es la tecla que quieres por su KeyCode así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function controlteclado(evento)
{
var keyCode = evento.keyCode;
    if(keyCode==37)//Esta es la tecla left arrow

    {
//Aquí ya obtienes con un getElementById el id del  Tag video lo metes en una variable

//y modificas su atributo src por la ruta al video nuevo

/*

 ______    ______   ______   _________  ______   ______       

/_____/\  /_____/\ /_____/\ /________/\/_____/\ /_____/\      

\:::_ \ \ \:::_ \ \\::::_\/_\__.::.__\/\::::_\/_\:::_ \ \     

 \:(_) ) )_\:(_) \ \\:\/___/\  \::\ \   \:\/___/\\:(_) ) )_   

  \: __ `\ \\: ___\/ \::___\/_  \::\ \   \::___\/_\: __ `\ \  

   \ \ `\ \ \\ \ \    \:\____/\  \::\ \   \:\____/\\ \ `\ \ \ 

    \_\/ \_\/ \_\/     \_____\/   \__\/    \_____\/ \_\/ \_\/ 

                                                              

*/
 
}
}

[3] Finally comparto una de las muchas webs con los keycodes correspondientes de cada tecla para completar la ayuda Keycodes


Regards to EveryOne On This Forum.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar