Autor Tema: Sonido en javascript y html aplicación para niño autista  (Leído 10431 veces)

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Hola a todos: me presento en el foro como Juan Luis y tengo un problema que les comento.

Mis conocimientos de programación son escasos, pero cogiendo ejemplos en la web he conseguido más o menos lo que quiero, pero me falta algo que les comento.

Tengo un niño autista y lo estoy enseñando a leer y escribir, con una aplicación que le estoy haciendo. Esta funciona como yo esperaba, pero cuando el niño construye por ejemplo la palabra mama (haciendo drap and drop), ya que tiene las consonantes m y tiene que colocar las vocales a después de cada m.

Lo que necesito es que cuando termine de colocar la segunda a, se oiga una locución que tengo grabada en el pc (muy bien, has escrito mamá), donde se premia al niño.

Si la solución fuera un link hacia esa locución, me he vuelto loco probando y probando, pero no lo consigo.

Gracias por su paciencia y saludos.
« Última modificación: 20 de Septiembre 2014, 17:42 por Alex Rodríguez »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #1 en: 12 de Agosto 2013, 10:07 »
Hola Juan Luis, hay distintas soluciones para insertar audio en una web (algunas de ellas descritas en http://www.w3schools.com/html/html_sounds.asp)

Ten en cuenta que la respuesta depende del navegador, no todos los navegadores responden igual. En este caso sería recomendable que tengas un navegador actualizado, e incluso que pruebes con más de un navegador a ver cuál te da el mejor resultado.

Tendría que ver tu código para poder hacerme una idea más exacta (en caso de insertar código usa el icono # que aparece en el editor del foro y mete el código entre las etiquetas code ... code). Te doy un ejemplo de reproducción de audio hecha con Firefox 23.0. Necesitas un archivo mp3 con el audio que se llame por ejemplo sonidoMama.mp3 que sería el sonido a reproducir:

Página de origen:

Código: [Seleccionar]
<html>
<head>
<title> Pagina principal </title>
</head>
<body>
<p> Para escuchar el sonido mama pulsar aqui: <a href="sonidoMama.html">mama</a> </p>
</body>
</html>

Página con el audio:

Código: [Seleccionar]
<html>
<head>
<title> Sonido mama </title>
</head>
<body>
<audio controls height="100" width="100">
  <source src="mama.mp3" type="audio/mpeg">
  <source src="mama.ogg" type="audio/ogg">
  <embed height="50" width="100" src="horse.mp3">
</audio>
<p> Sonido mama </p>
<p>Para volver a la pagina anterior<a href="testAudioHtml.html"> pulsar aquí</a>
</p>
</body>
</html>

Responsable de departamento de producción aprenderaprogramar.com

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #2 en: 12 de Agosto 2013, 21:16 »
Hola César: gracias por dedicar tu tiempo a leer mi problema.

He estado mirando los ejemplos y no vale que el niño tenga que apretar un botón para que se oiga la locución, sino que se reproduzca automáticamente desde que suelte la última vocal; o sea, cuando haga drop.

Te envío el código de la aplicación.

Gracias y saludos de Juan Luis.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Frase Mamá</title>
<style type="text/css">
#box1, #box2, #box3, #box4, #box5, #box6, #box7{
  float:left; width:50px; height:50px; padding:5px; margin:5px;
}

#box1 { background-color: #FFFFFF; }
#box2 { background-color: #FFFFFF; }
#box3 { background-color: #FFFFFF; }
#box4 { background-color: #FFFFFF; }
#box5 { background-color: #FFFFFF; }
#box6 { background-color: #FFFFFF; }
#box7 { background-color: #FFFF00; }

#drag, #drag2, #drag3, #drag4 {
  width:0px; height:0px; padding:0px; margin:0px;
  -moz-user-select:none;
  border:0px solid white;
  cursor:pointer ;
}   
#drag { background-color: #FFFF00;}
#drag2 { background-color: #FFFF00;}
.Estilo1 {
font-family: Arial;
color: #0000FF;
}
.Estilo2 {
font-family: Arial;
color: #FF0000;
}
.Estilo3 {font-family: Arial}
.Estilo5 {color: #0000FF}
.Estilo4 {color: #FF0000}
.Estilo7 {color: #FFFFFF}

</style>
<script type="text/javascript">

function dragStart(ev) {
    ev.dataTransfer.effectAllowed='copy';
    ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
    ev.dataTransfer.setDragImage(ev.target,0,0);
    return true;
}
function dragEnter(ev) {
    var iddrag = ev.dataTransfer.getData("Text");
    return true;
}
function dragOver(ev) {
    var iddrag = ev.dataTransfer.getData("Text");
    var id = ev.target.getAttribute('id');
    if( (id =='box4' || id =='box4') && (iddrag == 'drag' || iddrag=='drag4'))
   return false;
    else if( id =='box6' && iddrag == 'drag6')
   return false;
   
    else if( id =='box6')
    return false;
    else
return true;
}

function dragEnd(ev) {
    ev.dataTransfer.clearData("Text");
   
return true

}
function dragDrop(ev) {
    var iddrag = ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(iddrag));
ev.stopPropagation();
   
return false;

}

function isNull(valor){
 if (valor.toString()=='undefined'){ return true;}
 else if (valor.toString()=='NULL'){ return true;}
}
function verQueTieneDebug(id){
var str="";
var caja=document.getElementById(id);
for( var i = 0; i < caja.childNodes.length; i++ ) {
if (caja.childNodes[i].nodeType === 1) {
var tipo=caja.childNodes[i];
var id1=caja.childNodes[i].getAttribute('id');
var valor=document.getElementById(id1).innerHTML;
str+="tipo="+tipo+" id="+id1+ " valor="+valor;
}
}
if(str=="") str="nada (los textos no cuentan porque no estan encapsulados en etiquetas html y no cuentan como tal. Si se les encapsula en <span></span> si que contarian (porque serian elementos hijos). Un ejemplo de esto es el cuadro negro.";
alert(str);
}
function verQueTiene(id){
var str="";
var caja=document.getElementById(id);
for( var i = 0; i < caja.childNodes.length; i++ ) {
if (caja.childNodes[i].nodeType === 1) {
var tipo=caja.childNodes[i];
var id1=caja.childNodes[i].getAttribute('id');
var valor=document.getElementById(id1).innerHTML;
str+=""+valor+"\n";
}
}
if(str=="") str="No contiene nada";
else str="Contiene:\n"+str;
alert(str);
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

//-->
</script>

</head>
<body>
<fieldset>
 <table width="36%"  border="0" align="right">
   <tr valign="top" class="Estilo3">
     <td width="45%"><h1 align="center"><img src="Mam&#225;.jpg" width="205" height="131"></h1></td>
   </tr>
</table>
 <div id="box1" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
   <div id="drag" draggable="true" ondragstart="return dragStart(event)" ondragend="return dragEnd(event)">
     <h1 class="Estilo1">a</h1>
   </div>
</div>
    <div id="box2" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
      <div id="drag" draggable="true" ondragstart="return dragStart(event)" ondragend="return dragEnd(event)">
        <h1 class="Estilo1">&aacute;</h1>
      </div>
    </div>
</fieldset>
<div id="box3" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
    <h1 class="Estilo2">m</h1>
</div>
<div id="box4" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>
    <div id="box5" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
        <h1 class="Estilo2">m</h1>
 </div>
 <div id="box6" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>
     
<h1 class="Estilo2">&nbsp;</h1>
        <p class="Estilo2">&nbsp;</p>
       
        <a href="Sitio de Dailos/Aplauso/Aplauso/Aplauso.html"></a>
     

        <table width="41%"  border="0">
          <tr class="Estilo4">
            <td width="16%"><div align="center" class="Estilo3">
                <h1 align="left"> m </h1>
            </div></td>
            <td width="13%"><div align="center" class="Estilo3">
                <h1 align="center"><span class="Estilo5">a</span></h1>
            </div></td>
            <td width="22%"><div align="center" class="Estilo3">
                <h1 class="Estilo4">m</h1>
            </div></td>
            <td width="8%"><div align="center" class="Estilo3">
                <h1 align="right"><span class="Estilo5">&aacute;</span></h1>
            </div></td>
            <td width="12%"><div align="center" class="Estilo3">
                <h1 class="Estilo5">&nbsp;</h1>
            </div></td>
            <td width="29%"><div align="center" class="Estilo3">
                <h1>&nbsp;</h1>
            </div></td>
          </tr>
        </table>
       
</body>
</html>


César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #3 en: 13 de Agosto 2013, 00:05 »
Hola de nuevo, ya le he echado un vistazo al código y ya me hago una idea clara de lo que se pretende... No parece demasiado complicado aunque requiere programación javascript, voy a ir mirándolo y cuando lo haya revisado bien vuelvo a escribir, aunque si alguien lo lee y quiere aportar algo bienvenido. Saludos.
Responsable de departamento de producción aprenderaprogramar.com

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #4 en: 13 de Agosto 2013, 00:19 »
Gracias César: te lo agradezco en el alma.

Saludos de Juan Luis.

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #5 en: 14 de Agosto 2013, 00:07 »
Por aquí pongo lo que he podido avanzar, que no es demasiado. Primeramente lo intenté con el código que habías puesto pero había varias cosas que no entendía como que te permitiera poner la letra en el lugar incorrecto y después de estar descifrando preferí partir de un nuevo código donde el primer paso que he dado ha sido tratar de generar la lógica de lo que se quiere hacer. De momento todavía no hay  sonidos, sino simples mensajes que avisan de la lógica (movimiento permitido, movimiento no permitido o enhorabuena, palabra completada).

Intentaré como siguiente paso dar lugar a que cuando se complete la palabra se pueda escuchar el mensaje o locución grabado.

El código por el momento:

Código: [Seleccionar]
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body{font-family: Arial; padding-left: 50px; padding-top: 50px;}
.estiloCelda, .estiloCeldaAzul, .estiloCeldaRojo { width:50px;height:50px;padding:2px;border:1px solid Moccasin;
 text-align: center; display: table-cell; vertical-align:middle; font-weight: bold; font-size: 45px;}
.estiloCeldaAzul {color: blue;}
.estiloCeldaRojo {color: red;}
</style>

<script>
var aciertos = 0;

function allowDrop(ev){
ev.preventDefault();
}

function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev) {
ev.preventDefault();
if (ev.target.id == "div2" && ev.dataTransfer.getData("Text") =="drag2" ||
ev.target.id == "div4" && ev.dataTransfer.getData("Text") =="drag4") {

alert ("Movimiento permitido");
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {alert ("LA PALABRA ESTÁ COMPLETADA, ENHORABUENA");}

}
else { alert ("Movimiento NO permitido"); }
}

</script>
</head>
<body>
<p>Colocar las letras en el lugar adecuado:</p>
<div class ="estiloCeldaAzul" id="drag2" draggable="true" ondragstart="drag(event)" > a </div>
<div class ="estiloCeldaAzul" id="drag4" draggable="true" ondragstart="drag(event)" > &aacute;</div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo" id="div1" >m</div>
<div class ="estiloCeldaAzul" id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div class ="estiloCeldaRojo" id="div3" ondrop="drop(event)" ondragover="allowDrop(event)">m</div>
<div class ="estiloCeldaAzul" id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo"  >m</div>
<div class ="estiloCeldaAzul">a</div>
<div class ="estiloCeldaRojo">m</div>
<div class ="estiloCeldaAzul">&aacute;</div>
</body>
</html>
« Última modificación: 14 de Agosto 2013, 00:11 por César Krall »
Responsable de departamento de producción aprenderaprogramar.com

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #6 en: 16 de Agosto 2013, 00:17 »
Aquí dejo el código que creo resuelve el problema, sólo digo creo porque hay muchas formas de plantearlo. A mí este código me funciona en Firefox pero es posible que en otros navegadores no funcione (especialmente en los más antiguos). Hay algunos mensajes que aparecen por pantalla que se pueden eliminar fácilmente de modo que solo quede la colocación de letras y el sonido. Hay que poner el archivo de sonido "mama.mp3" en la misma carpeta en que tengamos el archivo HTML. Espero que sirva, si hay que mejorarlo también podemos intentarlo. Saludos

Código: [Seleccionar]
<!DOCTYPE HTML>
<html>
<!--https://www.aprenderaprogramar.com/foros/index.php?topic=616.0-->
<head>
<style type="text/css">
body{font-family: Arial; padding-left: 50px; padding-top: 50px;}
.estiloCelda, .estiloCeldaAzul, .estiloCeldaRojo { width:50px;height:50px;padding:2px;border:1px solid Moccasin;
 text-align: center; display: table-cell; vertical-align:middle; font-weight: bold; font-size: 45px;}
.estiloCeldaAzul {color: blue;}
.estiloCeldaRojo {color: red;}
</style>

<script>
var aciertos = 0;
function allowDrop(ev){ev.preventDefault();}
function drag(ev) {ev.dataTransfer.setData("Text",ev.target.id);}
function drop(ev) {
ev.preventDefault();
if (ev.target.id == "div2" && ev.dataTransfer.getData("Text") =="drag2" ||
ev.target.id == "div4" && ev.dataTransfer.getData("Text") =="drag4") {
alert ("Movimiento permitido");
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {alert ("LA PALABRA ESTÁ COMPLETADA, ENHORABUENA"); playSound();}
}
else { alert ("Movimiento NO permitido"); }
}

 function playSound() {
 document.getElementById("sonido").innerHTML=
 "<audio controls autoplay> <source src=\"mama.mp3\" type=\"audio/mpeg\"> </audio>";
 }
</script>
</head>
<body>
<p>Colocar las letras en el lugar adecuado:</p>
<div class ="estiloCeldaAzul" id="drag2" draggable="true" ondragstart="drag(event)" > a </div>
<div class ="estiloCeldaAzul" id="drag4" draggable="true" ondragstart="drag(event)" > &aacute;</div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo" id="div1" >m</div>
<div class ="estiloCeldaAzul" id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div class ="estiloCeldaRojo" id="div3" ondrop="drop(event)" ondragover="allowDrop(event)">m</div>
<div class ="estiloCeldaAzul" id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo"  >m</div>
<div class ="estiloCeldaAzul">a</div>
<div class ="estiloCeldaRojo">m</div>
<div class ="estiloCeldaAzul">&aacute;</div>
<br/><br/><br/><br/>
<!-- Linea para hacer sonar el sonido deseado cuando proceda-->
<span id="sonido"></span>

</body>
</html>
Responsable de departamento de producción aprenderaprogramar.com

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #7 en: 19 de Agosto 2013, 19:08 »
Hola César: Antes que nada saludarte y agradecerte el tiempo tomado en atender mi petición.

He revisado el código que has hecho (por cierto que te lo has trabajado bastante), y lo he probado con el Firefox 22.0, pero no consigo oir el sonido (lo tengo en formato mp3 y en la misma carpeta donde tengo el html).

Le he dado mil vueltas, he hecho cambios y no consigo nada, por lo que tengo el original guardado.

Seguro que es una chorrada, pero yo no veo el fallo.

Muchas gracias y saludos de Juan Luis.

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #8 en: 19 de Agosto 2013, 19:28 »
Hola Juan Luis, haz un par de comprobaciones. La primera que puedas escuchar sonido con el ordenador (podría suceder que el volumen esté a cero y no te des cuenta).

La segunda, que el archivo mp3 donde se encuentra el sonido a reproducir se llama mama.mp3, que es el nombre de archivo que está puesto en el código. Si no fuera este nombre de archivo hay que cambiarlo (o bien cambiar el código para que coincida con el nombre de archivo que tú tengas).

Con esa versión de Firefox que me indicas debe funcionarte.
Responsable de departamento de producción aprenderaprogramar.com

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #9 en: 19 de Agosto 2013, 20:45 »
Hola de nuevo César: ya he comprobado el altavoz y si se oye.

De todas formas, no dediques más tiempo a lo mío porque estás perdiendo el tuyo.

Ya me estrujaré más los sesos de lo que lo estoy haciendo, pero tú no debes culpa de eso.

Te agradezco el tiempo que me has dedicado.

Saludos de Juan Luis.

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #10 en: 20 de Agosto 2013, 11:28 »
Buenos días César: perdona que te vuelva a molestar, pero me vas a dar una colleja.

Las pruebas que hice ayer que no me funcionaban en el portátil la he hecho en el pc de casa y si funciona, por lo que te tengo que dar la enhorabuena.

Si me permites la última pregunta y no te molesto más ¿como podría hacer el cambio para que en vez de que suene un sonido como hasta ahora, me cargue una web donde tengo un gif animado de unas manos aplaudiendo y una voz que dice muy bien que tengo pregrabada?

Gracias de antemano y saludos de Juan Luis.

PD. Nunca he dudado de tu profesionalidad ya que me dijiste que la aplicación funcionaba en firefox, pero en el portátil no quería, por eso te puse en el post que no dedicaras más tiempo a lo mío.

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #11 en: 20 de Agosto 2013, 18:13 »
Hola César: aquí estoy de nuevo para comunicarte que he logrado lo que nos propusimos.

Cambié el link donde se escuchaba el sonido por un link hacia una web donde tengo el sonido y los aplausos.

Te pongo el código por si alguien hiciera la misma pregunta en el foro.

Muchísimas gracias y saludos de Juan Luis.

Código: [Seleccionar]
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Prueba de sonido con html</title>
<style type="text/css">
body{font-family: Arial; padding-left: 50px; padding-top: 50px;}
.estiloCelda, .estiloCeldaAzul, .estiloCeldaRojo { width:50px;height:50px;padding:2px;border:1px solid Moccasin;
 text-align: center; display: table-cell; vertical-align:middle; font-weight: bold; font-size: 45px;}
.estiloCeldaAzul {color: blue;}
.estiloCeldaRojo {color: red;}

</style>
<script type="text/javascript">

var aciertos = 0;

function allowDrop(ev){
ev.preventDefault();
}

function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev) {
ev.preventDefault();
if (ev.target.id == "div2" && ev.dataTransfer.getData("Text") =="drag2" ||
ev.target.id == "div4" && ev.dataTransfer.getData("Text") =="drag4") {

var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
aciertos = aciertos + 1;
if (aciertos == 2) {

mostrar();}
}
else { alert ("Movimiento NO permitido"); }
}

function mostrar(){
location.href="Aplauso.htm";
}
</script>
</head>

<div class ="estiloCeldaAzul" id="drag2" draggable="true" ondragstart="drag(event)" > a </div>
<div class ="estiloCeldaAzul" id="drag4" draggable="true" ondragstart="drag(event)" > &aacute;</div>
<br/><br/><br/><br/>
<div class ="estiloCeldaRojo" id="div1" >m</div>
<div class ="estiloCeldaAzul" id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div class ="estiloCeldaRojo" id="div3" ondrop="drop(event)" ondragover="allowDrop(event)">m</div>
<div class ="estiloCeldaAzul" id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br/><br/><br/><br/>

<div class ="estiloCeldaRojo"  >m</div>
<div class ="estiloCeldaAzul">a</div>
<div class ="estiloCeldaRojo">m</div>
<div class ="estiloCeldaAzul">&aacute;</div>
<br/><br/><br/><br/>

</body>
</html>


César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:Sonido en javascrip y html
« Respuesta #12 en: 23 de Agosto 2013, 00:06 »
Gracias por dejar el código, espero que puedas sacar adelante ese proyecto tan interesante desde el punto de vista social y humano. Saludos.
Responsable de departamento de producción aprenderaprogramar.com

juanluis

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
Re:Sonido en javascrip y html
« Respuesta #13 en: 23 de Agosto 2013, 14:08 »
Muchas gracias César, seguro que lo voy a lograr con tu inestimable ayuda.

Saludos de Juan Luis.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".