ayuda con un boton

[degonexd]

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.

<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]

cuanto ofreses por la ayuda

 

[Karasu]

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

<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]

cuanto ofreses por la ayuda

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

 

[degonexd]

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

<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]

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

<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