From 63320ae0a010acd1b2f05e6b55dea4ea4eba1917 Mon Sep 17 00:00:00 2001
From: Pascal Canadas <pascal@mirandais.fr>
Date: Fri, 16 Aug 2013 15:44:03 +0200
Subject: [PATCH] mise en fonction de la barre de progression et correction
 readme

---
 README.md     |  1 -
 index.html    |  1 -
 js/lecteur.js | 24 ++++++++++++++++++++----
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index d547f93..7377217 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,6 @@ Structure HTML:
 		<img id="photo-pochette" src="http://dummyimage.com/75x75/" />
 		<span id="titre_album"></span>
 		<span id="song"></span>
-		<input type="text" name="valeurtimeline" id="valeurtimeline" />
 		<br />
 		<br />
 		<div class="avancement">
diff --git a/index.html b/index.html
index 9b506d1..a432494 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,6 @@ <h2>Mon lecteur audio</h2>
 				<img id="photo-pochette" src="http://dummyimage.com/75x75/" />
 				<span id="titre_album"></span>
 				<span id="song"></span>
-				<input type="text" name="valeurtimeline" id="valeurtimeline" />
 				<br />
 				<br />
 				<div class="avancement">
diff --git a/js/lecteur.js b/js/lecteur.js
index a727a1b..7c01ecf 100644
--- a/js/lecteur.js
+++ b/js/lecteur.js
@@ -26,6 +26,7 @@
         });
         lecteurarret = function()
         {
+            inittimeline();
         	$(options.play).show();
         	$(options.pause).hide();
         	document.getElementById(audio[current]).pause();
@@ -33,22 +34,28 @@
         }
         lecteuron = function()
         {
-            currentTimeActif=document.getElementById(audio[current]).currentTime;
+            inittimeline();
             changepochette();
         	$(options.play).hide();
         	$(options.pause).show();
         	document.getElementById(audio[current]).play();
-            $("#valeurtimeline").val(currentTimeActif);
+            document.getElementById(audio[current]).addEventListener("timeupdate", updateProgress, false);
         }
-        avancement = function()
+        updateProgress = function()
         {
             var player=document.getElementById(audio[current]);
             var duration = player.duration;    // Durée totale
             var time     = player.currentTime; // Temps écoulé
             var fraction = time / duration;
             percent  = Math.ceil(fraction * 100);
+            $( ".avancement" ).slider({
+                    orientation: "horizontal",
+                    range: "min",
+                    max: 100,
+                    value: percent,
+            });
         }
-        timeline = function()
+        function inittimeline()
         {
             $( ".avancement" ).slider({
                     orientation: "horizontal",
@@ -74,8 +81,12 @@
         	}
             if(options.autoplay==true)
             {
+                $(options.play).hide();
+                $(options.pause).show();
                 lecteuron();
             }else{
+                $(options.play).show();
+                $(options.pause).hide();
                 changepochette();
             }
         }
@@ -90,8 +101,12 @@
         	}
             if(options.autoplay==true)
             {
+                $(options.play).hide();
+                $(options.pause).show();
                 lecteuron();
             }else{
+                $(options.play).show();
+                $(options.pause).hide();
                 changepochette();
             }
 
@@ -110,6 +125,7 @@
 	        	maxcurrent++;
         	});
             changepochette();
+            inittimeline();
         	$(options.play).on('click',function(e)
         	{
         		e.preventDefault();