JavaScript - Duda Con tuto de libro

   
Vista:

Duda Con tuto de libro

Publicado por Nicolas njl27@hotmail.com (1 intervención) el 26/09/2012 17:15:28
Hola amigos , estoy siguiendo un curso de html5 en un libro que compre , en una parte se programa un reproductor con javascript , mi codigo es el siguiente
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="es">
<head>
<title> Reproductor de video </title>
<link rel="stylesheet" href="reproductor.css" >
<script src="reproductor.js"></script>
 
</head>
<body>
<section id="reproductor">
	<audio id="medio">
		<source src="http://minkbooks.com/content/beach.mp4">
		<source src="http://minkbooks.com/content/beach.ogg">
 
	</audio>
	<nav>
		<div id="botones">
			<button type="button" id="reproducir"> Reproducir </button>
		</div>
		<div id="barra">
			<div id="progreso"></div>
		</div>
	<div style="clear: both"></div>
</nav>
</section>
</body>
</html>


y el de javascript es
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
function iniciar() {
	alert('ola');
	maximo=600;
	 medio=document.getElementById('medio');
 
 
	reproducir=document.getElementById('reproducir');
 	 barra=document.getElementById('barra');
  	progreso=document.getElementById('progreso');
 
 	reproducir.addEventListener('click', presionar, false);
  	barra.addEventListener('click', mover, false);
 
 
	maxim=600;
  mmedia=document.getElementById('media');
  play=document.getElementById('play');
  bar=document.getElementById('barra');
  progress=document.getElementById('progreso');
 
  play.addEventListener('click', push, false);
  bar.addEventListener('click', move, false);
}
}
 
 
function presionar() {
 
 
	if(!medio.paused && !medio.ended) {
    medio.pause();
    reproducir.innerHTML='Play';
    window.clearInterval(bucle);
  }else{
    medio.play();
    reproducir.innerHTML='Pause';
    bucle=setInterval(estado, 1000);
  }
}
 
 
function estado {
 
if(!medio.ended){
    var total=parseInt(medio.currentTime*maximo/medio.duration);
    progreso.style.width=total+'px';
  }else{
    progreso.style.width='0px';
    reproducir.innerHTML='Play';
    window.clearInterval(bucle);
  }
}
function mover(e) {
			 if(!medio.paused && !medio.ended){
    var ratonX=e.pageX-barra.offsetLeft;
    var nuevoTiempo=ratonX*medio.duration/maximo;
    medio.currentTime=nuevoTiempo;
    progreso.style.width=ratonX+'px';
  }
}
 
window.addEventListener('load', iniciar, false);



El problema es que no funciona y no carga nada , pero si pego el codigo de la pagina del libro si funciona , el cual es el siguiente
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function initiate() {
 
  maxim=600;
  mmedia=document.getElementById('medio');
  play=document.getElementById('play');
  bar=document.getElementById('barra');
  progress=document.getElementById('progreso');
 
  play.addEventListener('click', push, false);
  bar.addEventListener('click', move, false);
}
function push(){
  if(!mmedia.paused && !mmedia.ended) {
    mmedia.pause();
    play.innerHTML='Play';
    window.clearInterval(loop);
  }else{
    mmedia.play();
    play.innerHTML='Pause';
    loop=setInterval(status, 1000);
  }
}
function status(){
  if(!mmedia.ended){
    var size=parseInt(mmedia.currentTime*maxim/mmedia.duration);
    progress.style.width=size+'px';
  }else{
    progress.style.width='0px';
    play.innerHTML='Play';
    window.clearInterval(loop);
  }
}
 
function move(e){
  if(!mmedia.paused && !mmedia.ended){
    var mouseX=e.pageX-bar.offsetLeft;
    var newtime=mouseX*mmedia.duration/maxim;
    mmedia.currentTime=newtime;
    progress.style.width=mouseX+'px';
  }
}
 
window.addEventListener('load', initiate, false);



No encuentro diferencia solo la de ingles y español , no entiendo porque el mio no funciona y el js del codigo de la pagina del libro si , espero me puedan ayudar y resolver esta duda
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Duda Con tuto de libro

Publicado por Jose Manuel josema@orbisapientia.com (15 intervenciones) el 27/09/2012 10:07:38
Hola:

Creo que se te ha colado una llave extra en la función iniciar. Por otro lado y aunque imagino que sí, ¿has comprobado que realmente carga el fichero js?

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar