Controles de reprodução / pausa do jQuery GalleryView Beta3 necessários
-
28-10-2019 - |
Pergunta
Estou usando o plugin jQuery chamado GalleryView, em sua versão Beta3 (http://spaceforaname.com/galleryview).A versão Beta4 foi planejada para ter controles integrados para reproduzir / pausar a animação.Minha pergunta é:
Como emular os controles 'reproduzir' e 'pausar' fora do script sem a necessidade de modificar o código GalleryView.Existe algum plugin para isso?Ou talvez ação não documentada?
Durante a inicialização, é possível decidir se você deseja que o recurso de reprodução automática seja ativado ou desativado.
Se não houver ação / plugin disponível, como você resolveu isso?Você pode compartilhar a modificação GalleryView que aplicou?
Atenciosamente, T.
Solução
Resolvi isso modificando o script GalleryView original adicionando o seguinte:
- variável
paused
dentro do script, armazenando o status de pausa / reprodução (true
se pausado,false
se reproduzindo), -
adicionou a seguinte definição de retorno de chamada:
/* ** playPause() ** Resume slideshow if paused, pause if slideshow playing. */ function playPause() { if(!paused) { // Pause slideshow in 500ms. This allows for brief swipes of the mouse over the gallery without unnecessarily pausing it $(document).oneTime(0,"animation_pause",function(){ $(document).stopTime("transition"); paused = true; }); $('.gv-nav-play-pause').removeClass('gv-nav-pause').addClass('gv-nav-play'); } else { $(document).stopTime("animation_pause"); if(opts.transition_interval > 0) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); paused = false; } $('.gv-nav-play-pause').removeClass('gv-nav-play').addClass('gv-nav-pause'); } };
-
adicionou um botão para reproduzir / pausar, estilizou e anexou
playPause
callback aclick
e alguns eventos de toque (para permitir dispositivos habilitados para toque).
Funcionou perfeitamente, sem falhas, mas o código pode não ser perfeito - tive que usar o código GalleryView original, que por si só não é perfeito.
Outras dicas
Até agora, não encontrei nenhuma maneira de desligar a reprodução automática (gostaria dessa opção também).É meu entendimento que a próxima versão terá controles de jogador.Nesta postagem, ainda é instável, mas promissor.Aqui está um link para a página de demonstração da versão 3 Beta4 pelo autor GalleryView:
Estou usando a versão atual e precisava da reprodução automática desligada em um controle deslizante.Eu resolvi isso colocando um atraso de 10 minutos entre os ciclos.Isso deu ao vídeo de 9 minutos em um dos slides tempo para ser reproduzido.Um atraso maior (30 minutos) desativaria efetivamente a reprodução automática.