Lançar evento em um determinado horario.

[bhion 1]

Olá.

 

Tenho uma div, que recebe vídeos do youtube várias vezes durante o dia através do seguinte script:

var interval = 1000;

var startInterval = setInterval(atualizar, interval);


function atualizar() 
{
	var relogio = new Date();
	var hora = relogio.getHours();
	var minu = relogio.getMinutes();
	var seg = relogio.getSeconds();

	var player = document.getElementById("video");

    
//001	
    if((hora == 00) && (minu == 00)  && (seg > 00) && (seg < 02)){
		player.innerHTML = '<iframe class="fundo" width="100%" height="100%" src="//www.youtube.com/embed/gcNPPeps350?wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>';

    };  
};

Funciona certinho e tal...

 

O que eu gostaria de fazer é o seguinte, se o video deve começar às 17h e a pessoas acessa a pagina as 17h05, fazer com que o video do youtube pule 5 minutos.

 

para isso existe o seguinte parametro do player integrado do youtube(em vermelho o parametro e em azul o tempo que ele pula):

<iframe class="fundo" width="100%" height="100%" src="//www.youtube.com/embed/aETAbzQqFW8?wmode=transparent&autoplay=1&start='+ 300 +'">'

Seria possivel fazer isso ?

 

[Lucas Guima 164]

Sim, é possível. Qual a sua dificuldade?

[bhion 1]

Ex: Horario programado - Horario atual, e colocar o resultado em segundo no parametro do youtube, até consegui fazer, mas não deu certo dentro da funcao atualizar.

[Lucas Guima 164]

Como ficou sua tentativa?

[bhion 1]

var interval = 1000;

 

var startInterval = setInterval(atualizar, interval);

 

 

function atualizar()

{

var relogio = new Date();

var hora = relogio.getHours();

var minu = relogio.getMinutes();

var seg = relogio.getSeconds();

 

var player = document.getElementById("video");

//Mostrando os segundos apenas para teste

//player.innerHTML = seg;

 

//001

if((hora == 00) && (minu == 10) && (seg > 00) && (seg < 02)){

player.innerHTML = '<iframe class="fundo" width="100%" height="100%" src="//www.youtube.com/embed/gcNPPeps350?wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>';

 

else if((hora == 00)&&(minu > 10)&&(minu < PROXIMOEVENTO)){

var minutos = (minuto - 5);

var segundos = (seg + (minutos*60));

 

player.innerHTML = '<iframe class="fundo" width="100%" height="100%" src="//www.youtube.com/embed/aETAbzQqFW8?wmode=transparent&autoplay=1&start='+ segundos +'">;

}

}

}

 

[Lucas Guima 164]

O que acontece? Onde é definida a variável PROXIMOEVENTO?

[xanburzum 169]

vc também pode fazer um agendamento no server

[bhion 1]

O que acontece? Onde é definida a variável PROXIMOEVENTO?

PROXIMOEVENTO seria o horario do video seguinte.

 

O que acontece, se uma pessoas ja estiver com o site aberto no horario determinado para o video começar, ela vai assistir o video sem problemas, porem se a pessoas nao estiver no site e acessar a pagina, por exemplo, 40 segundos depois do horario determinado ela vai ficar vendo a div 'vazia'.

 

O que eu tentei fazer foi calcular o intervalo de tempo entre o horario determinado e o horario 'exato' que a pessoas acessa a pagina para que o video pule esse tempo.

 

 

 

-----------------------------------------------------------------------------------------------------------------------------

 

você também pode fazer um agendamento no server

Sim, mas nesse caso eu não continuaria tendo o mesmo problema entre um video e outro ?

[Lucas Guima 164]

O que você quer fazer eu já entendi, vamos partir para o problema com a programação.

 

Diga sua dúvida quanto a código.

 

Seu cálculo não está correto? O vídeo não pega o parâmetro? Nada funciona? Dá erro?

[bhion 1]

O problema esta no argumento do segundo if, ele fica atualizando a variavel 'segundos' durante todo aquele intervalo de tempo especificado.

[Lucas Guima 164]

Isso me parece problema de lógica. Faz uns teste de mesa ae.