Merge pull request #508 from vcync/next

Next

src/application/index.js

@@ -8,7 +8,7 @@ import windowHandler from "./window-handler";
 import use from "./use";
 
 import PromiseWorker from "promise-worker-transferable";
-
+import Vue from "vue";
 import { ipcRenderer, remote } from "electron";
 
 let imageBitmap;
@@ -25,6 +25,20 @@ export default class ModV {
   use = use;
   debug = false;
   ready = false;
+  features = Vue.observable({
+    energy: 0,
+    rms: 0,
+    zcr: 0,
+    spectralCentroid: 0,
+    spectralFlatness: 0,
+    spectralSlope: 0,
+    spectralRolloff: 0,
+    spectralSpread: 0,
+    spectralSkewness: 0,
+    spectralKurtosis: 0,
+    perceptualSpread: 0,
+    perceptualSharpness: 0
+  });
 
   _store = store;
   store = {
@@ -227,6 +241,11 @@ export default class ModV {
     const features = this.meyda.get(featuresToGet);
     this.updateBeatDetektor(delta, features);
     this.$worker.postMessage({ type: "meyda", payload: features });
+
+    for (let i = 0; i < featuresToGet.length; i += 1) {
+      const feature = featuresToGet[i];
+      this.features[feature] = features[feature];
+    }
   }
 
   setSize({ width, height }) {

src/application/worker/store/modules/meyda.js

@@ -9,7 +9,21 @@ import {
 import uuidv4 from "uuid/v4";
 
 const state = {
-  features: ["complexSpectrum"],
+  features: [
+    "complexSpectrum",
+    "rms",
+    "zcr",
+    "energy",
+    "spectralCentroid",
+    "spectralFlatness",
+    "spectralSlope",
+    "spectralRolloff",
+    "spectralSpread",
+    "spectralSkewness",
+    "spectralKurtosis",
+    "perceptualSpread",
+    "perceptualSharpness"
+  ],
   smoothingIds: [],
   MAX_SMOOTHING,
   SMOOTHING_STEP

src/components/Control.vue

@@ -94,15 +94,17 @@ export default {
   },
 
   methods: {
-    queueLoop() {
-      this.dirty = false;
+    async queueLoop() {
       const { id, prop, queued } = this;
 
-      this.$modV.store.dispatch("modules/updateProp", {
+      await this.$modV.store.dispatch("modules/updateProp", {
         moduleId: id,
         prop,
         data: queued
       });
+
+      this.queued = null;
+      this.dirty = false;
     },
 
     focusInput() {

src/components/InputLinkComponents/AudioFeatures.vue

@@ -5,7 +5,7 @@
         <c span="1">
           Audio Feature
         </c>
-        <c span="3">
+        <c span="2">
           <Select v-model="feature" class="light" @input="checkFeature">
             <option
               v-for="featureValue in features"
@@ -15,6 +15,9 @@
             >
           </Select>
         </c>
+        <c span="1">
+          ({{ $modV.features[feature] && $modV.features[feature].toFixed(2) }})
+        </c>
       </grid>
     </c>
 
@@ -70,7 +73,6 @@ export default {
         "spectralSpread",
         "spectralSkewness",
         "spectralKurtosis",
-        "loudness",
         "perceptualSpread",
         "perceptualSharpness"
       ],

src/components/Preview.vue

@@ -59,7 +59,7 @@ export default {
           return;
         }
 
-        this.resize();
+        this.resize(entries);
       });
     }).observe(container);