Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/02/2015, 05:57
merops
 
Fecha de Ingreso: enero-2015
Mensajes: 33
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: crear barra de progresos en canvas para cancion

buenos dias he conseguido este codigo
Cita:
<html>
<head>
<title></title>
<script>

//cargamos el elemento canvas
var canvas;

//una vez cargado el elemento, le digo en que contexto trabajaremos, en este caso 2d
var contexto;
var progreso;

window.onload = function(){

//cargamos el elemento canvas
canvas = document.getElementById("pantalla");

//una vez cargado el elemento, le digo en que contexto trabajaremos, en este caso 2d
contexto = canvas.getContext("2d");
progreso = 1;
setInterval("Barra()", 100);

}

function Barra()
{
contexto.fillRect(0, 0, progreso++, 15);
}
</script>
</head>

<body>

<canvas id=”pantalla” width=”640″ height=”480″>
Este texto será el que muestre el navegador no compatible.<br>Por favor, actualiza a una versión que soporte HTML5.
</canvas>
</body>
</html>
y los botones
Cita:
<button id="rew" onclick="salto(-10)">&lt;&lt;</button>
<button id="play" onclick="pauseplay()">&gt;</button>
<button id="fastFwd" onclick="salto(10)">&gt;&gt;</button>
el audio seria cancion2.mp3
pero no consigo saber donde tengo que poner el audio y como relacionarlo y que el rectangulo haga de barra de progresos
¿me echais un cable?
muchas gracias