Added forward and backward audio features

Talkdesk · Jun 7, 2021 · 90c314f · 90c314f
1 parent 5462d0c
commit 90c314f
Show file tree

Hide file tree

Showing 7 changed files with 79,756 additions and 41 deletions.
diff --git a/label_studio/frontend/dist/react-app/index.js b/label_studio/frontend/dist/react-app/index.js
diff --git a/label_studio/frontend/dist/react-app/index.js.map b/label_studio/frontend/dist/react-app/index.js.map
diff --git a/label_studio/frontend/dist/react-app/main.css b/label_studio/frontend/dist/react-app/main.css
diff --git a/label_studio/frontend/dist/react-app/main.css.map b/label_studio/frontend/dist/react-app/main.css.map
diff --git a/label_studio/frontend/package-lock.json b/label_studio/frontend/package-lock.json
diff --git a/label_studio/frontend/package.json b/label_studio/frontend/package.json
@@ -78,7 +78,7 @@
     "terser-webpack-plugin": "^5.1.1",
     "typescript": "^4.2.2",
     "webpack": "^5.21.2",
-    "webpack-cli": "^4.5.0"
+    "webpack-cli": "^4.7.0"
   },
   "babel": {
     "presets": [
@@ -116,7 +116,9 @@
           "<rootDir>/test/integration/**/*.test.ts",
           "<rootDir>/test/integration/**/*.test.tsx"
         ],
-        "setupFilesAfterEnv": ["expect-puppeteer"]
+        "setupFilesAfterEnv": [
+          "expect-puppeteer"
+        ]
       },
       {
         "displayName": "unit",

diff --git a/label_studio/frontend/src/providers/RoutesProvider.js b/label_studio/frontend/src/providers/RoutesProvider.js
@@ -79,6 +79,28 @@ export const RoutesProvider = ({children}) => {
     console.log("Location changed");
     const ContextComponent = lastRoute?.context;
 
+    // WARNING - The code below must be removed when we know how to change the frontend in the correct way.
+    const AUDIO_INJECTION_TIMEOUT = 3000
+    setTimeout(() => {
+      console.log('Inject audio control')
+      let wav = document.querySelector("#wave")
+
+      if(wav){
+        function my_key(e) {
+          let audioTag = document.querySelector("#wave>audio")
+          let time = 0.5
+          if (e.key === 'ArrowLeft') {
+            audioTag.currentTime -= time
+          }
+          if (e.key === 'ArrowRight') {
+            audioTag.currentTime += time
+          }
+        }
+        document.removeEventListener('keyup', my_key, false);
+        document.addEventListener('keyup', my_key, false);
+      }
+    }, AUDIO_INJECTION_TIMEOUT)
+
     setCurrentContext({
       component: ContextComponent ?? null,
       props: currentContextProps,