Implement a mediarecorder widget (work in progress)

#212
Memba · Aug 3, 2017 · 2038775 · 2038775
1 parent e4684d7
commit 2038775
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/js/kidoju.widgets.mediarecorder.js b/src/js/kidoju.widgets.mediarecorder.js
@@ -324,7 +324,7 @@
             _drawVolumeMeter: function (meter) {
                 var that = this;
                 if (!this._meter) {
-                    var div = $('<div style="width:100px;height:24px;margin: 0 .2em;"></div>').appendTo(this.toolbar);
+                    var div = $('<div class="kj-mediarecorder-meter"></div>').width(METER.WIDTH).height(METER.HEIGHT).appendTo(this.toolbar);
                     var surface = drawing.Surface.create(div);
                     var rect = new geometry.Rect([0, 0], [METER.WIDTH, METER.HEIGHT]);
                     var frame = new drawing.Rect(rect).stroke('#c8c8c8', 1);

diff --git a/src/styles/kidoju.widgets.mediarecorder.css b/src/styles/kidoju.widgets.mediarecorder.css
@@ -3,3 +3,6 @@
     border-left: 0;
     border-right: 0;
 }
+.kj-mediarecorder .k-toolbar .kj-mediarecorder-meter {
+    margin: 0 .2em;
+}
diff --git a/src/styles/kidoju.widgets.mediarecorder.less b/src/styles/kidoju.widgets.mediarecorder.less
@@ -3,5 +3,8 @@
         border-top: 0;
         border-left: 0;
         border-right: 0;
+        .kj-mediarecorder-meter {
+            margin: 0 .2em;
+        }
     }
 }