Al cambiar el valor del input, que se escuche un archivo mp3

[rachpts]

hola amigos les agradecere cualquier aporte que hagan
necesito lograr que al cambiar el valor de un input text que suene un archivo mp3

tengo este codigo y no me funciona :(

<script type="text/javascript">

function hacerAlgo(){

document.getElementById("timbre.mp3").play();

}

</script>



<?php

include('conexion.php');

$query = mysql_query("SELECT max(folio2) AS max FROM `turnos_dia` WHERE `status`='ATENDIENDO'");
$dep = mysql_fetch_array($query);
$sonido = $dep['max'];


if ($sonido>0)
{
?>
<input type="text" value="<?php echo $sonido;?>" onchange="javascript:hacerAlgo();">
<?
}
?>

[Alexis88]

Esta línea es incorrecta:

Código Javascript:

document.getElementById("timbre.mp3").play();
 

Lo que debes hacer, es crear un elemento <audio>, al cual debes asignarle un archivo de audio, por ejemplo:

Código HTML:

<audio id = "sonido">
  <source src = "cancion.mp3" type = "audio/mpeg" />
</audio>
 

Luego, en la función hacerAlgo(), haces esto:

Código Javascript:

document.getElementById("sonido").play();
 

Además, el evento que controle un cambio del valor en la caja debe ser keypress o cualquiera de los eventos relacionados a las teclas, change es para los <select>. Tampoco es necesario que especifiques que se trata de una función JavaScript.

Código HTML:

<input type="text" value="<?php echo $sonido;?>" onkeypress="hacerAlgo()">
 

De ese modo, se reproducirá el archivo de audio cuando se ejecuté la función.

Saludos

[rachpts]

ok muchas gracias por tu ayuda, lo voy a probar pero hay un detalle, supongo que con el evento que me dices es forzoso que se presione algo en la pantalla y yo necesito que sea automatico en cuanto cambie el valor del input
Saludos!! y otra vez gracias lo voy a probar

[Alexis88]

En ese caso, podrías ejecutar el script desde PHP:

Código PHP:

echo "<script>
          document.getElementById('sonido').play();
      </script>";
 

Así se reproduciría la canción sin necesidad de pulsar teclas u otros eventos.

Saludos

[rachpts]

gracias por contestar pero yo necesito que solo se reproduzca el archivo mp3 unicamente cuando cambie el valor de mi caja de texto
y no logro hacerlo :/ si tienen alguna idea se los agradeceré muchisimo

[Alexis88]

A ver, viendo tu código, noto que si se cumple la condición, se le da un valor a la caja de texto, entonces, ¿no sería lo mismo si en ese mismo bloque de instrucciones reproduces el sonido?. El evento onchange NO se puede aplicar a una caja de texto y esa no es la manera correcta de ejecutar una función JS desde PHP.

Intenta con esto:

Código PHP:

<?php
include('conexion.php'); 
 
$query = mysql_query("SELECT max(folio2) AS max FROM `turnos_dia` WHERE `status`='ATENDIENDO'");
$dep = mysql_fetch_array($query);
$sonido = $dep['max'];
 
if ($sonido > 0)
{
    echo "<script>
              document.getElementById('sonido').play();
          </script>";
?>
    <input type="text" value="<?php echo $sonido;?>" />
<?php
}
?>
 

De este modo, cuando se cumpla la condición, se cambiará el valor de la caja de texto por el valor de la variable $sonido y se reproducirá el archivo de audio que contenga el elemento de id "sonido", para lo cual, debes haberlo creado previamente.

Código HTML:

<audio id = "sonido">
    <source src = "audio.mp3" type = "audio/mpeg" />
</audio>
 

Saludos

[rachpts]

Hola Alexis tambien lo intente asi como tu me dices pero tampoco ejecuta la canción, estoy algo desesperada porq eh intentado un buen de formas sin conseguir resultado
de todos modos muchas gracias por la ayuda y por la paciencia

[Alexis88]

¿Podrías mostrar el código de lo que has hecho para identificar el error que estás cometiendo?.

[rachpts]

muchas gracias ok, te muestro el codigo como lo tengo
saludos


<audio id = "sonido">
<source src = "notify.mp3" type = "audio/mpeg" />
</audio>
<?php

include('conexion.php');

$query = mysql_query("SELECT max(folio2) AS max FROM `turnos_dia` WHERE `status`='ATENDIENDO'");
$dep = mysql_fetch_array($query);
$sonido = $dep['max'];


if ($sonido == NULL)
{
echo "vacio";
}
else
{
echo "<script>
document.getElementById('sonido').play();
</script>";
}
?>

[marlanga]

El formato de sonido estandar de la web es OGG, y no MP3.
Mp3 no se reproducirá en algunos navegadores.

[rachpts]

Gracias ya le cambie el formato y tampoco lo reproduce :/ de verdad estoy desesperada

[Alexis88]

Los únicos navegadores (de los que soportan HTML5) que no admiten el formato MP3 en una etiqueta <audio> son Mozilla Firefox (hasta antes de la versión 21) y Opera. Con el resto de navegadores (incluida la versión 21 en adelante de Mozilla Firefox), no hay ningún inconveniente.

Saludos