From e4e7d35102764dedcb6be7029efbd7683c225e61 Mon Sep 17 00:00:00 2001
From: Tanel <taneltahepold@gmail.com>
Date: Sun, 25 Mar 2012 13:32:34 +0300
Subject: [PATCH] Speaker v0.6

---
 lib/public/css/style.css    | 11 ++++++++++-
 lib/public/js/app_client.js | 25 ++++++++++---------------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/lib/public/css/style.css b/lib/public/css/style.css
index dc11ff0..0a09d74 100644
--- a/lib/public/css/style.css
+++ b/lib/public/css/style.css
@@ -269,14 +269,23 @@ body {
   background-size: contain;
 }
 
+#loading {
+  position: relative;
+  z-index: 1300;
+  top: 10.7em;
+  left: -1.7em;
+  font-weight: bold;
+}
+
 #speaker-on {
   position: absolute;
   top: 8.4em;
   left: 9.4em;
   width: 3.4em;
   height: 3.4em;
-  background: #25E610;
+  background: #8dc63f;
   -webkit-border-radius: 3.4em;
+  -webkit-box-shadow: 0 0 5px 5px #888;
   display: none;
 }
 
diff --git a/lib/public/js/app_client.js b/lib/public/js/app_client.js
index 1863f53..832f748 100644
--- a/lib/public/js/app_client.js
+++ b/lib/public/js/app_client.js
@@ -30,7 +30,6 @@ ms.ready = function(trackId){
 $(function() {
   _.extend(ms, {
     player: null,
-    timeSyncReady: false,
     loadedTrack: null,
     payloadQueue: [],
 
@@ -135,7 +134,7 @@ $(function() {
 
     playTrack: function(spriteid, offset) {
       var track = ms.loadedTrack;
-      if (!ms.timeSyncReady || !track || track && !track.spritemap[spriteid]) {
+      if (!track || track && !track.spritemap[spriteid]) {
         return;
       }
       var pos = ms.player.settings["spritemap"][spriteid].start;
@@ -147,7 +146,7 @@ $(function() {
 
       // Animate speaker
       $("#speaker-animation").show();
-
+      $("#loading").hide();
       // Update treack time left
       ms.trackInterval = setInterval(function() {
         $("#time").html(ms.formatDuration(ms.player.context));
@@ -163,6 +162,9 @@ $(function() {
       $("#speaker-animation").hide();
       clearInterval(ms.trackInterval);
       ms.player.pause();
+          
+      // Reload
+      document.location.reload();
     },
 
     updateSpeakerCount: function(total) {
@@ -216,17 +218,13 @@ $(function() {
   ms.on('payload', ms.onQueuePayload);
 
   // Play and stop request
-//  ms.on('play', ms.playTrack);
-//  ms.on('pause', ms.pauseTrack);
-//  ms.on('stop', ms.stopTrack);
+  ms.on('play', ms.playTrack);
+  ms.on('pause', ms.pauseTrack);
+  ms.on('stop', ms.stopTrack);
 
   ms.on("speakerCount", ms.updateSpeakerCount);
   ms.on("loadedCount", ms.updateLoadedCount);
 
-  // Sync time
-  ms.timesync.on('ready', function() {
-     ms.timeSyncReady = true;
-  });
   setInterval(_.bind(ms.step,ms), 1);
 
   ms.errors = 0;
@@ -248,7 +246,7 @@ $(function() {
       }
     }
     
-    if(ms.isloading && !ms.loaded){
+    if(ms.player && ms.isloading && !ms.loaded){
       console.log((ms.player.context.readyState == 4)+' '+(ms.player.context.buffered.length)+' '+ (ms.player.context.buffered.end(0))+' '+ (ms.track.duration));
       $("#loading").show().html(Math.round(100*(ms.player.context.buffered.end(0) / (ms.track.duration+1))));
        if(ms.player.context.readyState == 4 && ms.player.context.buffered.length && ms.player.context.buffered.end(0) >= ms.track.duration){
@@ -256,10 +254,7 @@ $(function() {
          ms.audioReady();
        }
     }
-    else{
-      $("#loading").hide();
-    } 
-  },1000);
+  }, 1000);
 
   window.addEventListener('pageshow', function(){
     if(window.pagehide) {