ajuda com um botão

degonexd · 01/11/2019

amigos de forobeta me gustaría saber como a este botón de la etiqueta <audio> aparezca por defecto con el icono de play ▶ y cuando se reproduzca la canción se muestra el de stop ◼ y obviamente se detenga. al momento tengo esto.

Inserir CODE, HTML ou PHP:

<audio id="track1">

    <source src="audio.mp3"></source>

  </audio>

<button onclick="document.getElementById('track1').play()" class="float:left;">▶</button>

<button onclick="document.getElementById('track1').pause(); document.getElementById('track1').currentTime = 0;" class="float:left;">◼</button>

osea utilizar un solo boton si es que se puede o el de play que cambie de icono para que saber cual es la canción que se esta reproduciendo.

king1204 · 01/11/2019

cuanto ofreses por la ayuda

Karasu · 01/11/2019

@degonexd Pues, aquí te dejo este código que hice ahora:

HTML:

<audio id="track1">
  <source src="audio.mp3"></source>
</audio>
<button id="play">▶</button>
<script>
var track = document.getElementById('track1'),
    playBtn = document.getElementById('play'),
    control=true;
playBtn.addEventListener('click', function(){
  if (control) {
    playBtn.innerHTML="◼";
    track.play()
    control=false;
  } else {
    playBtn.innerHTML="▶";
    track.pause();
    control=true;
  }
})
</script>

Ya si quieres algo más avanzado, pues ya tendrás que pagarle a alguien. 🙂

Saludos.

degonexd · 01/11/2019

king1204 disse:
cuanto ofreses por la ayuda

No gracias amigo si en algún momento necesito algo más profundo te tendre en cuenta

degonexd · 01/11/2019

Karasu disse:

@degonexd Pues, aquí te dejo este código que hice ahora:

HTML:

<audio id="track1">
  <source src="audio.mp3"></source>
</audio>
<button id="play">▶</button>
<script>
var track = document.getElementById('track1'),
    playBtn = document.getElementById('play'),
    control=true;
playBtn.addEventListener('click', function(){
  if (control) {
    playBtn.innerHTML="◼";
    track.play()
    control=false;
  } else {
    playBtn.innerHTML="▶";
    track.pause();
    control=true;
  }
})
</script>

Ya si quieres algo más avanzado, pues ya tendrás que pagarle a alguien. 🙂

Saludos.

Muchas gracias me sirvio 😀

Pixtoons · 02/11/2019

Karasu disse:

@degonexd Pues, aquí te dejo este código que hice ahora:

HTML:

<audio id="track1">
  <source src="audio.mp3"></source>
</audio>
<button id="play">▶</button>
<script>
var track = document.getElementById('track1'),
    playBtn = document.getElementById('play'),
    control=true;
playBtn.addEventListener('click', function(){
  if (control) {
    playBtn.innerHTML="◼";
    track.play()
    control=false;
  } else {
    playBtn.innerHTML="▶";
    track.pause();
    control=true;
  }
})
</script>

Ya si quieres algo más avanzado, pues ya tendrás que pagarle a alguien. 🙂

Saludos.

Eso son ayudas y no como los que te quieren cobrar pfff buena ayuda amigo

ajuda com um botão

degonexd

king1204

Karasu

degonexd

degonexd

Pixtoons

Tópicos similares