Merge pull request #157 from aws-samples/development

Fix for Chrome AudioContext initialization changes

dist/wav-worker.min.js

@@ -1,5 +1,5 @@
 /*!
-* lex-web-ui v"0.14.6"
+* lex-web-ui v"0.14.7"
 * (c) 2017 Amazon.com, Inc. or its affiliates. All Rights Reserved.
 * Released under the Amazon Software License.
 */   

lex-web-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lex-web-ui",
-  "version": "0.14.6",
+  "version": "0.14.7",
   "description": "Amazon Lex Web Interface",
   "author": "AWS",
   "license": "Amazon Software License",
@@ -95,8 +95,8 @@
     "worker-loader": "^1.1.0"
   },
   "engines": {
-    "node": ">= 4.0.0",
-    "npm": ">= 3.0.0"
+    "node": ">= 8.16.0",
+    "npm": ">= 6.4.1"
   },
   "browserslist": [
     "> 1%",

lex-web-ui/src/lib/lex/recorder.js

@@ -262,23 +262,27 @@ export default class {
     this._isSilentRecording = true;
     this._silentRecordingConsecutiveCount = 0;
 
-    // sets this._audioContext AudioContext object
-    return this._initAudioContext()
-      // inits AudioContext.createScriptProcessor object
-      // used to process mic audio input volume
-      // sets this._micVolumeProcessor
-      .then(() => this._initMicVolumeProcessor())
-      .then(() => this._initStream());
+    return Promise.resolve();
   }
 
   /**
    * Start recording
    */
-  start() {
+  async start() {
     if (this._state !== 'inactive' ||
       typeof this._stream === 'undefined') {
-      console.warn('recorder start called out of state');
-      return;
+      if (this._state !== 'inactive') {
+        console.warn('invalid state to start recording');
+        return;
+      }
+      console.warn('initializing audiocontext after first user interaction - chrome fix');
+      await this._initAudioContext()
+        .then(() => this._initMicVolumeProcessor())
+        .then(() => this._initStream());
+      if (typeof this._stream === 'undefined') {
+        console.warn('failed to initialize audiocontext');
+        return;
+      }
     }
 
     this._state = 'recording';
@@ -436,7 +440,9 @@ export default class {
       if (document.hidden) {
         this._audioContext.suspend();
       } else {
-        this._audioContext.resume();
+        this._audioContext.resume().then(() => {
+          console.info('Playback resumed successfully from visibility change');
+        });
       }
     });
     return Promise.resolve();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aws-lex-web-ui",
-  "version": "0.14.6",
+  "version": "0.14.7",
   "description": "Sample Amazon Lex Web Interface",
   "main": "dist/lex-web-ui.min.js",
   "repository": {
@@ -58,8 +58,8 @@
     "webpack-dev-server": "^2.10.1"
   },
   "engines": {
-    "node": ">= 8.1.2",
-    "npm": ">= 5.2.0"
+    "node": ">= 8.16.0",
+    "npm": ">= 6.4.1"
   },
   "browserslist": [
     "> 1%",