Jump to content
michelchile

Pausa na Musica

Recommended Posts

Fala galera, beleza?

Sou novo na area de programacao e estou comecando a brincar um pouco com javascript.

 

Eu criei uma pagina onde possui uma musica de fundo e alguns videos no youtube que carrega através do lightbox.

 

Eu estou tentando criar uma forma de pausar a musica quando eu chamo o lightbox e retomar quando eu fecho ele.

A mesma coisa para quando troco de guia no navegador.

 

Alguem tem ideia de como posso estar fazendo isso?

 

 

Obrigado!

Share this post


Link to post
Share on other sites

Opa, desculpe a falta de informaçao, mas sim eu utilizava a tag audio.

 

Joguei o ID "pp" para as divs de abertura de video e efetuei um teste onde funcionou perfeitamente, bem da forma que eu gostaria!

 

 

O unico problema que tenho agora, é que de alguma forma quando clico em fechar ele nao retoma a musica. Usei ID diferente, mas ele nao encontra a função. Creio que pode ser alguma interferencia do Magnific Popup. Porque alterei da seguinte forma:

 

music-close.js:

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

function isPlaying(audelem) { return !audelem.paused; }

function playPause(audelem){
	if(isPlaying(audelem)){
  	player.pause()
  }else{
  	player.play()
  }
}

pp2.onclick = function(e){
	e.preventDefault();
	playPause(player);
}

 

 

E dentro do magnific.js, na parte que ele cria o button, eu efetuei a alteracao para:

 

closeMarkup:'<button title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'

 

Inclusive depois confirmo se ele criou corretamente dentro do html e está perfeito:

<div class="mfp-iframe-scaler"><button title="Close (Esc)" type="button" class="mfp-close" id="pp9">×</button>

 

JS do Magnific completo: https://pastebin.com/WcrF6Tgj

 

Lembrando que criei um ID especificamente para o close do maginific.

Share this post


Link to post
Share on other sites

isso deve ser porque o código está sendo executado antes do close estar na tela.

 

você pode tentar atribuir depois o click ou jogar o fechar em uma função:

 

var playpause = function (e){
	e.preventDefault();
	playPause(player);
}
closeMarkup:'<button onclick="playpause()" title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By douglas79
      Boa tarde, pessoal!!!
       
      Estou com um pequeno problema com essa tag aí. O que acontece?? Fiz tudo certo no código e no css, porém ao atualizar a página, o vídeo aparece, mas não executa. 
      Eis o código:
       
      <div class="box-esquerdo">
                      <video class="institucional" src="https://youtu.be/90uPbUirZ3I" controls="controls" autoplay="autoplay"></video>
       </div>
       
      Procurei em diversos tutoriais e falam pra atualizar o browser, porém já está atualizado e mesmo assim o erro continua. E no Edge (uso o Windows 10 64 bits), diz que a fonte é inválida.
      O que pode estar havendo??
      Alguém pode me ajudar nessa???
      Aguardo respostas!!!
      []'s
    • By LucasSamuel
      Olá! Sou participante do grupo em um projeto de desenvolvimento de jogos em grupo. Estamos aceitando participantes de todos os tipos de categorias de desenvolvimento de jogos ... Convido você a participar deste projeto. A ideia de criar um grupo e ganhar US $ foi tirada de um colega meu que tinha câncer e acabou morrendo com esse sonho. Até agora, temos 4 participantes que, juntos, estamos tentando reunir 20 pessoas que têm idéias como a nossa…
      O grupo está na versão beta, porque ainda precisamos conversar com todos os participantes e convocar uma reunião para decidir democraticamente sobre jogos de categoria de mecanismo, lucros, servidores ... Mas, a princípio, o dinheiro que você ganhará estará relacionado à sua porcentagem no desenvolvimento de jogos . EX: 10% do jogo que você ajudou a criar; portanto, 10% do jogo é seu. Portanto, 10% de todos os lucros do jogo serão seus.
      Você escolhe seus turnos e horários e quanto ajudará. Pedimos apenas que você tente realizar determinadas tarefas determinadas para você, caso contrário, outro desenvolvedor fará em seu lugar. NOTA: Quanto mais você contribuir para a criação do jogo, mais lucros obterá.
      O grupo não terá um chefe ou um “comandante” organizador… Pois no grupo somos todos os chefes. Portanto, as decisões são tomadas em grupos por meio de reuniões e também de votos onde colocamos nossas idéias.
      Precisamos de mais de 20 participantes para iniciar nosso projeto. Todos no início do projeto assinaram um contrato com todos os termos “legais” do grupo, que serão decididos com todos os participantes. Portanto, se você não gosta de algum aspecto do grupo, pode e deve comentar e alterar os termos ... 
      O nome da categoria de estilo de jogo ... será decidido em grupos para que cada participante apresente 1 ou mais idéias de jogo. Serão escolhidos os mais votados e os mais adequados para todos os participantes. será vendido em várias plataformas ... android, PC ... em muitas lojas online diferentes ... será vendido acima de 5US $ e abaixo de 30US $
      Diga o que você pensa se quiser saber mais ou ligue para mim no whatsapp: +55 51 993700013 
      Vamos apresentar a todos os participantes do nosso grupo e aplicá-lo ao nosso grupo, discutir, conversar, criar, testar, aplicar e vir com idéias para o grupo com você.
    • By MrPhantomRed
      Como um trabalho de fim de ano do curso técnico de informática que eu estou fazendo o professor pediu um software em Java. Bem, o tema é livre, mas eu estou meio perdido. Eu decidi fazer um software que baixe, organize e reproduza arquivos de músicas, como o Spotify (a versão desktop), mas estou sem um caminho ainda. Como pegar os arquivos da Internet e como filtrar os resultados? Por exemplo, se eu pesquisar uma música no SoundCloud aparece muitos resultados, como escolher a música certa que o usuário pede? Entre outros coisas eu pretendo fazer um aplicativo pra Android quando terminar tudo no desktop. Alguma sugestão?
    • By TeixeiraRamos
      Prezados,
      Desculpe caso não esteja no local correto para essa postagem.
      a) Gostaria que o vídeo "mp4" responsivo (PHP 7, Bootstrap 4), não focasse com a tela preta. É possível manter uma imagem antes de iniciar?
      b) Ao abrir a página index.php o vídeo inicia antes de clicar play isso é um erro. Como corrigir
      Código:
      <!--Início video médicos sem fronteiras--> <div class="col-md-6"> <div class="card flex-md-row mb-4 shadow-sm h-md-250"> <div class="card-body d-flex flex-column align-items-start"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="img/medicos-sem-fronteiras.mp4" allowfullscreen align-self-center> </iframe> </div> </div> </div> <div class="card-body d-flex flex-column align-items-start m-10 align-self-center"> <img src="img/logo-medicos-sem-fronteiras.png" alt="Médicos sem Fronteiras"> </div> </div> <!--Fim início video médicos sem fronteiras--> Obrigado
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.