Synchronisation update

assets/dev/jscsrc

@@ -0,0 +1,68 @@
+{
+    "maxErrors": -1,
+    "requireCurlyBraces": [
+        "if",
+        "else",
+        "for",
+        "while",
+        "do",
+        "try",
+        "catch"
+    ],
+    "requireSpaceAfterKeywords": [
+        "if",
+        "else",
+        "for",
+        "while",
+        "do",
+        "switch",
+        "case",
+        "return",
+        "try",
+        "catch",
+//        "function",
+        "typeof"
+    ],
+    "requireSpaceBeforeBlockStatements": true,
+    "requireParenthesesAroundIIFE": true,
+    "requireSpacesInConditionalExpression": true,
+    "requireSemicolons": true,
+    "disallowSpacesInNamedFunctionExpression": {
+        "beforeOpeningRoundBrace": true
+    },
+    "disallowSpacesInFunctionDeclaration": {
+        "beforeOpeningRoundBrace": true
+    },
+    "requireSpaceBetweenArguments": true,
+//    "requireMultipleVarDecl": "no",
+//    "requireBlocksOnNewline": true,
+    "disallowEmptyBlocks": true,
+//    "disallowSpacesInsideArrayBrackets": true,
+    "disallowSpacesInsideParentheses": true,
+//    "disallowDanglingUnderscores": true,
+    "requireCommaBeforeLineBreak": true,
+    "disallowSpaceAfterPrefixUnaryOperators": true,
+    "disallowSpaceBeforePostfixUnaryOperators": true,
+    "disallowSpaceBeforeBinaryOperators": [
+        ","
+    ],
+    "requireSpacesInForStatement": true,
+    "requireSpaceBeforeBinaryOperators": true,
+    "requireSpaceAfterBinaryOperators": true,
+    "disallowKeywords": [
+        "with",
+        "continue"
+    ],
+    "validateIndentation": 4,
+    "disallowMixedSpacesAndTabs": true,
+    "disallowTrailingWhitespace": true,
+    "disallowTrailingComma": true,
+    "disallowKeywordsOnNewLine": [
+        "else"
+    ],
+    "requireLineFeedAtFileEnd": true,
+    "requireCapitalizedConstructors": true,
+    "requireDotNotation": false,
+    "disallowNewlineBeforeBlockStatements": true,
+    "disallowMultipleLineStrings": true
+}

src/js/html-player.js

@@ -1,25 +1,26 @@
 /* HTML player, to be reused in a widget, or elsewhere */
 
-IriSP.htmlPlayer = function(media, jqselector, options) {
-    
+IriSP.htmlPlayer = function (media, jqselector, options) {
+
     var opts = options || {},
         videoURL = opts.video || media.video;
-    
+
     if (typeof opts.url_transform === "function") {
         videoURL = opts.url_transform(videoURL);
     }
-        
+
     var videoEl = IriSP.jQuery('<video>');
-    
+
     videoEl.attr({
         width : opts.width || undefined,
         height : opts.height || undefined,
         controls : opts.controls || undefined,
-        autoplay : opts.autostart || opts.autoplay || undefined
+        autoplay : opts.autostart || opts.autoplay || undefined,
+        preload: "metadata"
     });
-    
-    if(typeof videoURL === "string"){
-        videoEl.attr("src",videoURL);
+
+    if (typeof videoURL === "string") {
+        videoEl.attr("src", videoURL);
     } else {
         for (var i = 0; i < videoURL.length; i++) {
             var _srcNode = IriSP.jQuery('<source>');
@@ -41,105 +42,105 @@ IriSP.htmlPlayer = function(media, jqselector, options) {
         });
         videoEl.append(_trackNode);
     }
-    jqselector.html(videoEl);
-    
+    jqselector.prepend(videoEl);
+
     var mediaEl = videoEl[0];
-    
+
     // Binding HTML video functions to media events
-    media.on("setcurrenttime", function(_milliseconds) {
+    media.on("setcurrenttime", function (_milliseconds) {
         try {
             mediaEl.currentTime = (_milliseconds / 1000);
         } catch (err) {
-            
+
         }
     });
-    
-    media.on("setvolume", function(_vol) {
+
+    media.on("setvolume", function (_vol) {
         media.volume = _vol;
         try {
             mediaEl.volume = _vol;
         } catch (err) {
-            
+
         }
     });
-    
-    media.on("setmuted", function(_muted) {
+
+    media.on("setmuted", function (_muted) {
         media.muted = _muted;
         try {
             mediaEl.muted = _muted;
         } catch (err) {
-            
+
         }
     });
-    
-    media.on("settimerange", function(_timeRange){
+
+    media.on("settimerange", function (_timeRange) {
         media.timeRange = _timeRange;
         try {
-            if (media.getCurrentTime() > _timeRange[0] || media.getCurrentTime() < _timeRange){
+            if (media.getCurrentTime() > _timeRange[0] || media.getCurrentTime() < _timeRange) {
                 mediaEl.currentTime = (_timeRange[0] / 1000);
             }
         } catch (err) {
         }
-    })
-    
-    media.on("resettimerange", function(){
+    });
+
+    media.on("resettimerange", function () {
         media.timeRange = false;
-    })
-    
-    media.on("setplay", function() {
+    });
+
+    media.on("setplay", function () {
         try {
             mediaEl.play();
         } catch (err) {
-            
+
         }
     });
-    
-    media.on("setpause", function() {
+
+    media.on("setpause", function () {
         try {
             mediaEl.pause();
         } catch (err) {
-            
+
         }
     });
-    
+
     // Binding DOM events to media
     function getVolume() {
         media.muted = mediaEl.muted;
         media.volume = mediaEl.volume;
     }
-    
-    videoEl.on("loadedmetadata", function() {
+
+    videoEl.on("loadedmetadata", function () {
         getVolume();
         media.trigger("loadedmetadata");
         media.trigger("volumechange");
     });
-    
-    videoEl.on("timeupdate", function() {
-        media.trigger("timeupdate", new IriSP.Model.Time(1000*mediaEl.currentTime));
+
+    videoEl.on("timeupdate", function () {
+        media.trigger("timeupdate", new IriSP.Model.Time(1000 * mediaEl.currentTime));
     });
-    
-    videoEl.on("volumechange", function() {
+
+    videoEl.on("volumechange", function () {
         getVolume();
         media.trigger("volumechange");
     });
-    
-    videoEl.on("play", function() {
+
+    videoEl.on("play", function () {
         media.trigger("play");
     });
-    
-    videoEl.on("pause", function() {
+
+    videoEl.on("pause", function () {
         media.trigger("pause");
     });
-    
-    videoEl.on("seeking", function() {
+
+    videoEl.on("seeking", function () {
         media.trigger("seeking");
     });
-    
-    videoEl.on("seeked", function() {
+
+    videoEl.on("seeked", function () {
         media.trigger("seeked");
     });
-    
-    videoEl.on("click", function() {
+
+    videoEl.on("click", function () {
         if (mediaEl.paused) {
             media.play();
         } else {