use onloadedmetadata to trigger setcurrentime

IIIF-Commons · Jan 5, 2018 · 643d2e1 · 643d2e1
1 parent db913d2
commit 643d2e1
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 22 deletions.
diff --git a/dist/iiif-av-component.bundle.js b/dist/iiif-av-component.bundle.js
diff --git a/dist/iiif-av-component.js b/dist/iiif-av-component.js
@@ -139,15 +139,21 @@ var IIIFComponents;
                     canvasInstance.play();
                 }
             });
+            $volumeControl.on('input', function () {
+                canvasInstance.setVolume(Number(this.value));
+            });
             $volumeControl.on('change', function () {
                 canvasInstance.setVolume(Number(this.value));
             });
-            canvasInstance.setCurrentTime(0);
-            if (this.options.data.autoPlay) {
-                canvasInstance.play();
-            }
-            $timingControls.find('.canvasDuration').text(IIIFComponents.AVComponentUtils.Utils.formatTime(canvasInstance.canvasClockDuration));
-            this._logMessage('CREATED CANVAS: ' + canvasInstance.canvasClockDuration + ' seconds, ' + canvasInstance.canvasWidth + ' x ' + canvasInstance.canvasHeight + ' px.');
+            var that = this;
+            canvasInstance.$playerElement[0].addEventListener('loadedmetadata', function () {
+                canvasInstance.setCurrentTime(0);
+                if (that.options.data.autoPlay) {
+                    canvasInstance.play();
+                }
+                $timingControls.find('.canvasDuration').text(IIIFComponents.AVComponentUtils.Utils.formatTime(canvasInstance.canvasClockDuration));
+                that._logMessage('CREATED CANVAS: ' + canvasInstance.canvasClockDuration + ' seconds, ' + canvasInstance.canvasWidth + ' x ' + canvasInstance.canvasHeight + ' px.');
+            }, false);
         };
         AVComponent.prototype.getCanvasInstanceById = function (canvasId) {
             canvasId = manifesto.Utils.normaliseUrl(canvasId);