Skip to main content
se eliminaron 36 caracteres en el cuerpo
Origen Enlace
Bender Paisa
  • 12.5k
  • 4
  • 28
  • 42

Estoy haciendo un piano que reproduce los sonidos mediante un onclickonclick pero cuando clico 2 veces en la misma nota y la primera vez sigue reproduciendosereproduciéndose la segunda no reproduce el sonido.

El ejemplo es este:

http://94.177.214.187/piano.php

y este es el código:

$(document).ready(function()) {

        var sonido = document.getElementById("sonido");
        var sonido2 = document.getElementById("sonido2");
        var sonido3 = document.getElementById("sonido3");  }

El sonido lo coge de aqui:

 <audio id="sonido">
<source src="midia/220-A%20(mp3cut.net).mp3">
`

Y el onclick es este:

   <map name="image-maps-2017-03-24-070855" id="pianomaps">
            <area id="negra1" alt="" title="negra1" onclick="sonido16.play()" shape="rect" coords="34,0,62,178" style="outline:none;" target="_self"     />
            <area id="negra2" alt="" title="negra2" onclick="sonido17.play()" shape="rect" coords="97,0,125,178" style="outline:none;" target="_self"     />
            <area id="negra3" alt="" title="negra3" onclick="sonido18.play()" shape="rect"  coords="316,0,344,178" style="outline:none;" target="_self"     />
            

Gracias de antemano.

Estoy haciendo un piano que reproduce los sonidos mediante un onclick pero cuando clico 2 veces en la misma nota y la primera vez sigue reproduciendose la segunda no reproduce el sonido.

El ejemplo es este:

http://94.177.214.187/piano.php

y este es el código:

$(document).ready(function()) {

        var sonido = document.getElementById("sonido");
        var sonido2 = document.getElementById("sonido2");
        var sonido3 = document.getElementById("sonido3");  }

El sonido lo coge de aqui:

 <audio id="sonido">
<source src="midia/220-A%20(mp3cut.net).mp3">
`

Y el onclick es este:

   <map name="image-maps-2017-03-24-070855" id="pianomaps">
            <area id="negra1" alt="" title="negra1" onclick="sonido16.play()" shape="rect" coords="34,0,62,178" style="outline:none;" target="_self"     />
            <area id="negra2" alt="" title="negra2" onclick="sonido17.play()" shape="rect" coords="97,0,125,178" style="outline:none;" target="_self"     />
            <area id="negra3" alt="" title="negra3" onclick="sonido18.play()" shape="rect"  coords="316,0,344,178" style="outline:none;" target="_self"     />
            

Gracias de antemano.

Estoy haciendo un piano que reproduce los sonidos mediante un onclick pero cuando clico 2 veces en la misma nota y la primera vez sigue reproduciéndose la segunda no reproduce el sonido.

El ejemplo es este:

http://94.177.214.187/piano.php

y este es el código:

$(document).ready(function()) {

        var sonido = document.getElementById("sonido");
        var sonido2 = document.getElementById("sonido2");
        var sonido3 = document.getElementById("sonido3");  }

El sonido lo coge de aqui:

 <audio id="sonido">
<source src="midia/220-A%20(mp3cut.net).mp3">
`

Y el onclick es este:

   <map name="image-maps-2017-03-24-070855" id="pianomaps">
            <area id="negra1" alt="" title="negra1" onclick="sonido16.play()" shape="rect" coords="34,0,62,178" style="outline:none;" target="_self"     />
            <area id="negra2" alt="" title="negra2" onclick="sonido17.play()" shape="rect" coords="97,0,125,178" style="outline:none;" target="_self"     />
            <area id="negra3" alt="" title="negra3" onclick="sonido18.play()" shape="rect"  coords="316,0,344,178" style="outline:none;" target="_self"     />
Origen Enlace
Trackless
  • 336
  • 2
  • 12

Javascript funcion para un piano

Estoy haciendo un piano que reproduce los sonidos mediante un onclick pero cuando clico 2 veces en la misma nota y la primera vez sigue reproduciendose la segunda no reproduce el sonido.

El ejemplo es este:

http://94.177.214.187/piano.php

y este es el código:

$(document).ready(function()) {

        var sonido = document.getElementById("sonido");
        var sonido2 = document.getElementById("sonido2");
        var sonido3 = document.getElementById("sonido3");  }

El sonido lo coge de aqui:

 <audio id="sonido">
<source src="midia/220-A%20(mp3cut.net).mp3">
`

Y el onclick es este:

   <map name="image-maps-2017-03-24-070855" id="pianomaps">
            <area id="negra1" alt="" title="negra1" onclick="sonido16.play()" shape="rect" coords="34,0,62,178" style="outline:none;" target="_self"     />
            <area id="negra2" alt="" title="negra2" onclick="sonido17.play()" shape="rect" coords="97,0,125,178" style="outline:none;" target="_self"     />
            <area id="negra3" alt="" title="negra3" onclick="sonido18.play()" shape="rect"  coords="316,0,344,178" style="outline:none;" target="_self"     />
            

Gracias de antemano.