speechrecorderng 2.18.13 → 2.19.0

package/bundles/speechrecorderng.umd.js

@@ -720,15 +720,309 @@
     }());
     AudioPlayer.DEFAULT_BUFSIZE = 8192;
 
-    var AudioStreamConstr = /** @class */ (function () {
-        function AudioStreamConstr() {
-            this.audio = true;
-            this.video = false;
+    var UserAgentComponent = /** @class */ (function () {
+        function UserAgentComponent(name, version, comment) {
+            this.name = name;
+            this.version = version;
+            this.comment = comment;
         }
-        return AudioStreamConstr;
+        UserAgentComponent.prototype.toString = function () {
+            var s = '[' + this.name + ']';
+            if (this.version) {
+                s = s + ' [' + this.version + ']';
+            }
+            if (this.comment) {
+                s = s + ' [' + this.comment + ']';
+            }
+            return s;
+        };
+        return UserAgentComponent;
+    }());
+    var NAME_FIREFOX = 'Firefox';
+    var NAME_CHROME = 'Chrome';
+    var NAME_SAFARI = 'Safari';
+    var NAME_EDGE = 'Edge';
+    var Browser$1;
+    (function (Browser) {
+        Browser["Firefox"] = "Firefox";
+        Browser["Chrome"] = "Chrome";
+        Browser["Safari"] = "Safari";
+        Browser["Edge"] = "Edge";
+    })(Browser$1 || (Browser$1 = {}));
+    var OS_WINDOWS = 'Windows';
+    var OS_ANDROID = 'Android';
+    var Platform$1;
+    (function (Platform) {
+        Platform["Windows"] = "Windows";
+        Platform["Android"] = "Android";
+        Platform["macOS"] = "MAC OS X";
+    })(Platform$1 || (Platform$1 = {}));
+    var UserAgent = /** @class */ (function () {
+        function UserAgent(_detectedPlatform, _detectedBrowser) {
+            this._detectedPlatform = _detectedPlatform;
+            this._detectedBrowser = _detectedBrowser;
+        }
+        Object.defineProperty(UserAgent.prototype, "detectedBrowser", {
+            get: function () {
+                return this._detectedBrowser;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UserAgent.prototype, "detectedPlatform", {
+            get: function () {
+                return this._detectedPlatform;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return UserAgent;
+    }());
+    var UserAgentBuilder = /** @class */ (function () {
+        function UserAgentBuilder() {
+            this.comps = new Array();
+        }
+        UserAgentBuilder.prototype.build = function () {
+            // // @ts-ignore
+            // if(navigator.userAgentData){
+            //   // maybe we can use this in  the future
+            //   console.info("Browser provides userAgentData:");
+            //
+            //   console.info("Brands:");
+            //   // @ts-ignore
+            //   navigator.userAgentData.brands.forEach((br=>{
+            //     console.info(br.brand +" "+br.version);
+            //   }))
+            //   // @ts-ignore
+            //   console.info("Platform: "+navigator.userAgentData.platform);
+            //   // @ts-ignore
+            //   console.info("Mobile:"+navigator.userAgentData.mobile);
+            //   // @ts-ignore
+            //   //console.info(navigator.userAgentData.toJSON());
+            // }else {
+            //   console.info("Browser does not provide userAgentData.");
+            // }
+            var ua = navigator.userAgent;
+            this.comps = new Array();
+            var pp = 0;
+            while (pp < ua.length) {
+                //parse name/version
+                var name = null;
+                var version = null;
+                var comment = void 0;
+                var blPos = ua.indexOf(' ', pp);
+                var prt = void 0;
+                if (blPos == -1) {
+                    prt = ua.substr(pp);
+                    pp += prt.length;
+                }
+                else {
+                    prt = ua.substr(pp, blPos - pp);
+                    pp = blPos + 1;
+                }
+                var sepPos = prt.indexOf('/');
+                if (sepPos > 0) {
+                    name = prt.substr(0, sepPos);
+                    version = prt.substr(sepPos + 1);
+                }
+                else {
+                    name = prt;
+                }
+                while (ua[pp] === ' ' && pp < ua.length) {
+                    pp++;
+                }
+                if (ua[pp] === '(') {
+                    pp++;
+                    var commEnd = ua.indexOf(')', pp);
+                    comment = ua.substr(pp, commEnd - pp);
+                    pp = commEnd + 1;
+                }
+                while (ua[pp] === ' ' && pp < ua.length) {
+                    pp++;
+                }
+                this.comps.push(new UserAgentComponent(name, version, comment));
+            }
+            var detPlatf = null;
+            if (this.runsOnOS(Platform$1.Android)) {
+                detPlatf = Platform$1.Android;
+            }
+            else if (this.runsOnOS(Platform$1.Windows)) {
+                detPlatf = Platform$1.Windows;
+            }
+            else if (this.runsOnOS(Platform$1.macOS)) {
+                detPlatf = Platform$1.macOS;
+            }
+            var detBr = null;
+            if (this.matchesBrowser(Browser$1.Firefox)) {
+                detBr = Browser$1.Firefox;
+            }
+            else if (this.matchesBrowser(Browser$1.Chrome)) {
+                detBr = Browser$1.Chrome;
+            }
+            else if (this.matchesBrowser(Browser$1.Safari)) {
+                detBr = Browser$1.Safari;
+            }
+            this.userAgent = new UserAgent(detPlatf, detBr);
+        };
+        UserAgentBuilder.prototype.matchesBrowser = function (browserName) {
+            for (var ci = 0; ci < this.comps.length; ci++) {
+                var bn = this.comps[ci].name;
+                var bnRe = new RegExp(browserName, 'i');
+                if (bn.match(bnRe)) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        UserAgentBuilder.prototype.runsOnOS = function (os) {
+            for (var ci = 0; ci < this.comps.length; ci++) {
+                var cc = this.comps[ci].comment;
+                if (cc) {
+                    var osRe = new RegExp(os, 'i');
+                    if (cc.match(osRe)) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
+        UserAgentBuilder.userAgent = function () {
+            if (!this.instance) {
+                this.instance = new UserAgentBuilder();
+            }
+            this.instance.build();
+            return this.instance.userAgent;
+        };
+        return UserAgentBuilder;
     }());
+    UserAgentBuilder.instance = undefined;
+
+    var ConstraintType;
+    (function (ConstraintType) {
+        ConstraintType["Exact"] = "EXACT";
+        ConstraintType["Ideal"] = "IDEAL";
+    })(ConstraintType || (ConstraintType = {}));
+    ;
+    var Platform;
+    (function (Platform) {
+        Platform["Linux"] = "LINUX";
+        Platform["macOS"] = "MACOS";
+        Platform["Windows"] = "WINDOWS";
+        Platform["Android"] = "ANDROID";
+    })(Platform || (Platform = {}));
+    var BrowserBase;
+    (function (BrowserBase) {
+        BrowserBase["Chromium"] = "CHROMIUM";
+    })(BrowserBase || (BrowserBase = {}));
+    ;
+    var Browser;
+    (function (Browser) {
+        Browser["Firefox"] = "FIREFOX";
+        Browser["Chromium"] = "CHROMIUM";
+        Browser["Chrome"] = "CHROME";
+        Browser["Edge"] = "EDGE";
+        Browser["Opera"] = "OPERA";
+    })(Browser || (Browser = {}));
+    var ProjectUtil = /** @class */ (function () {
+        function ProjectUtil() {
+        }
+        ProjectUtil.audioChannelCount = function (project) {
+            var chs = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
+            if (project.mediaCaptureFormat) {
+                chs = project.mediaCaptureFormat.audioChannelCount;
+            }
+            else if (project.audioFormat) {
+                chs = project.audioFormat.channels;
+            }
+            return chs;
+        };
+        return ProjectUtil;
+    }());
+    ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT = 2;
+
+    var CHROME_ACTIVATE_ECHO_CANCELLATION_WITH_AGC = false;
+    var DEBUG_TRACE_LEVEL = 0;
+    var ENABLE_AUDIO_WORKLET = true;
+    // Super dirty way to load this module
+    // Copy content of interceptor_worklet.js to this string
+    var awpStr = "class AudioCaptureInterceptorProcessor extends AudioWorkletProcessor{\n" +
+        "\n" +
+        "    BUFFER_QUANTUMS=64;\n" +
+        "    QUANTUM_FRAME_LEN=128;\n" +
+        "    BUFFER_FRAME_LEN=this.QUANTUM_FRAME_LEN*this.BUFFER_QUANTUMS;\n" +
+        "    buffer=null;\n" +
+        "    bufferPos=0;\n" +
+        "    bufferPosBytes=0;\n" +
+        "    constructor() {\n" +
+        "        super();\n" +
+        "\n" +
+        "    }\n" +
+        "\n" +
+        " process(\n" +
+        "      inputs,\n" +
+        "      outputs,\n" +
+        "      parameters\n" +
+        "  ){\n" +
+        "\n" +
+        "     let inputsCnt=inputs.length;\n" +
+        "     let channelCount=0;\n" +
+        "     let inputLen=0;\n" +
+        "     let inputLenBytes=0;\n" +
+        "     if(inputsCnt>0) {\n" +
+        "         let input0 = inputs[0];\n" +
+        "         channelCount = input0.length;\n" +
+        "         if (channelCount > 0) {\n" +
+        "             let input0ch0=input0[0];\n" +
+        "             inputLen=input0ch0.length;\n" +
+        "             inputLenBytes=input0ch0.buffer.length;\n" +
+        "         }\n" +
+        "     }\n" +
+        "     if (!this.buffer || this.buffer.length < channelCount) {\n" +
+        "         this.buffer = new Array(channelCount);\n" +
+        "         this.bufferPos = 0\n" +
+        "         for (let bch = 0; bch < channelCount; bch++) {\n" +
+        "             this.buffer[bch] = new Float32Array(this.BUFFER_FRAME_LEN);\n" +
+        "             this.bufferPos = 0;\n" +
+        "             this.bufferPosBytes=0;\n" +
+        "         }\n" +
+        "     }\n" +
+        "     let bufAvail = this.BUFFER_FRAME_LEN - this.bufferPos;\n" +
+        "     // check if buffer has to be transferred\n" +
+        "     if (inputLen > bufAvail) {\n" +
+        "         let ada=new Array(channelCount);\n" +
+        "         for (let ch = 0; ch < channelCount; ch++) {\n" +
+        "             ada[ch]=this.buffer[ch].buffer.slice(0);\n" +
+        "         }\n" +
+        "         this.port.postMessage({\n" +
+        "             data: ada,\n" +
+        "             chs: channelCount,\n" +
+        "             len: this.bufferPos\n" +
+        "         }, ada);\n" +
+        "         // buffer transferred, reset\n" +
+        "         this.bufferPos = 0;\n" +
+        "         this.bufferPosBytes=0;\n" +
+        "     }\n" +
+        "\n" +
+        "     for(let ii=0;ii<inputsCnt;ii++) {\n" +
+        "         for (let ch = 0; ch < channelCount; ch++) {\n" +
+        "             // Mute outputs\n" +
+        "             //outputs[ii][ch].fill(0);\n" +
+        "             let chSamples = inputs[ii][ch];\n" +
+        "             this.buffer[ch].set(chSamples,this.bufferPos);\n" +
+        "         }\n" +
+        "         this.bufferPos+=inputLen;\n" +
+        "         this.bufferPosBytes+=inputLenBytes;\n" +
+        "     }\n" +
+        "    \n" +
+        "     return true;\n" +
+        "  }\n" +
+        "}\n" +
+        "\n" +
+        "registerProcessor('capture-interceptor',AudioCaptureInterceptorProcessor);\n";
     var AudioCapture = /** @class */ (function () {
         function AudioCapture(context) {
+            this.agcStatus = null;
+            this.bufferingNode = null;
             this.audioOutStream = null;
             this.disconnectStreams = true;
             this._opened = false;
@@ -783,7 +1077,7 @@
                 if (!labelsAvailable) {
                     //console.debug("Media device enumeration: No labels.")
                     if (retry) {
-                        //console.debug("Starting dummy session to request audio permissions...")
+                        console.info("Starting dummy session to request audio permissions...");
                         _this.dummySession().then(function (s) {
                             // and stop it immediately
                             if (s) {
@@ -848,13 +1142,14 @@
                 console.log("Audio device: Id: " + di.deviceId + " groupId: " + di.groupId + " label: " + di.label + " kind: " + di.kind);
             }
         };
-        AudioCapture.prototype.open = function (channelCount, selDeviceId) {
+        AudioCapture.prototype.open = function (channelCount, selDeviceId, autoGainControlConfigs) {
             var _this = this;
             this.context.resume().then(function () {
-                _this._open(channelCount, selDeviceId);
+                _this._open(channelCount, selDeviceId, autoGainControlConfigs);
             });
         };
-        AudioCapture.prototype._open = function (channelCount, selDeviceId) {
+        AudioCapture.prototype._open = function (channelCount, selDeviceId, autoGainControlConfigs) {
+            var e_1, _a;
             var _this = this;
             this.channelCount = channelCount;
             this.framesRecorded = 0;
@@ -871,7 +1166,58 @@
             // TODO test if input is unprocessed
             var msc;
             console.info('User agent: ' + navigator.userAgent);
-            if (navigator.userAgent.match(".*Edge.*")) {
+            var ua = UserAgentBuilder.userAgent();
+            // ua.components.forEach((c)=>{
+            //   console.info("UA_Comp: "+c.toString());
+            // })
+            var agcCfg = null;
+            var autoGainControl = false;
+            var chromeEchoCancellation = false;
+            if (autoGainControlConfigs) {
+                try {
+                    for (var autoGainControlConfigs_1 = __values(autoGainControlConfigs), autoGainControlConfigs_1_1 = autoGainControlConfigs_1.next(); !autoGainControlConfigs_1_1.done; autoGainControlConfigs_1_1 = autoGainControlConfigs_1.next()) {
+                        var agcc = autoGainControlConfigs_1_1.value;
+                        if (agcc.platform === Platform.Android && ua.detectedPlatform === Platform$1.Android) {
+                            agcCfg = agcc;
+                            break;
+                        }
+                        if (agcc.platform === Platform.Windows && ua.detectedPlatform === Platform$1.Windows) {
+                            agcCfg = agcc;
+                            break;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (autoGainControlConfigs_1_1 && !autoGainControlConfigs_1_1.done && (_a = autoGainControlConfigs_1.return)) _a.call(autoGainControlConfigs_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                if (agcCfg) {
+                    // TODO use EXACT/IDEAL constraint
+                    autoGainControl = agcCfg.value;
+                    if (CHROME_ACTIVATE_ECHO_CANCELLATION_WITH_AGC) {
+                        chromeEchoCancellation = agcCfg.value;
+                    }
+                    // TODO query real AGC status
+                    this.agcStatus = agcCfg.value;
+                }
+                else {
+                    this.agcStatus = false;
+                }
+            }
+            // default
+            msc = {
+                audio: {
+                    deviceId: selDeviceId,
+                    echoCancellation: false,
+                    channelCount: channelCount,
+                    autoGainControl: autoGainControl
+                },
+                video: false
+            };
+            if (ua.detectedBrowser === Browser$1.Edge) {
                 // Microsoft Edge sends unmodified audio
                 // The constraint can follow the specification
                 console.info("Setting media track constraints for Microsoft Edge.");
@@ -879,12 +1225,13 @@
                     audio: {
                         deviceId: selDeviceId,
                         echoCancellation: false,
-                        channelCount: channelCount
+                        channelCount: channelCount,
+                        autoGainControl: autoGainControl
                     },
                     video: false
                 };
             }
-            else if (navigator.userAgent.match(".*Chrome.*")) {
+            else if (ua.detectedBrowser === Browser$1.Chrome) {
                 // Google Chrome: we need to switch of each of the preprocessing units including the
                 console.info("Setting media track constraints for Google Chrome.");
                 // Chrome 60 -> 61 changed
@@ -892,47 +1239,38 @@
                 // Requires at least Chrome 61
                 msc = {
                     audio: {
-                        "deviceId": selDeviceId,
-                        "channelCount": channelCount,
-                        "echoCancellation": false,
-                        "autoGainControl": false,
-                        "googEchoCancellation": false,
-                        "googExperimentalEchoCancellation": false,
-                        "googAutoGainControl": false,
-                        "googTypingNoiseDetection": false,
-                        "googNoiseSuppression": false,
-                        "googHighpassFilter": false,
-                        "googBeamforming": false
+                        deviceId: selDeviceId,
+                        channelCount: channelCount,
+                        echoCancellation: { exact: chromeEchoCancellation },
+                        autoGainControl: { exact: autoGainControl },
+                        sampleSize: { min: 16 },
                     },
                     video: false,
                 };
             }
-            else if (navigator.userAgent.match(".*Firefox.*")) {
+            else if (ua.detectedBrowser === Browser$1.Firefox) {
                 console.info("Setting media track constraints for Mozilla Firefox.");
                 // Firefox
                 msc = {
                     audio: {
-                        "deviceId": selDeviceId,
-                        "channelCount": channelCount,
-                        "echoCancellation": false,
-                        "mozEchoCancellation": false,
-                        "autoGainControl": false,
-                        "mozAutoGainControl": false,
-                        "noiseSuppression": false,
-                        "mozNoiseSuppression": false
+                        deviceId: selDeviceId,
+                        channelCount: channelCount,
+                        echoCancellation: false,
+                        autoGainControl: autoGainControl,
+                        noiseSuppression: false
                     },
                     video: false,
                 };
             }
-            else if (navigator.userAgent.match(".*Safari.*")) {
+            else if (ua.detectedBrowser === Browser$1.Safari) {
                 console.info("Setting media track constraints for Safari browser.");
                 console.info("Apply workaround for Safari: Avoid disconnect of streams.");
                 this.disconnectStreams = false;
                 msc = {
                     audio: {
-                        "deviceId": selDeviceId,
-                        "channelCount": channelCount,
-                        "echoCancellation": false
+                        deviceId: selDeviceId,
+                        channelCount: channelCount,
+                        echoCancellation: false
                     },
                     video: false,
                 };
@@ -940,6 +1278,7 @@
             else {
                 // TODO default constraints or error Browser not supported
             }
+            console.debug("Audio capture, AGC: " + this.agcStatus);
             var ump = navigator.mediaDevices.getUserMedia(msc);
             ump.then(function (s) {
                 _this.stream = s;
@@ -947,6 +1286,11 @@
                 for (var i = 0; i < aTracks.length; i++) {
                     var aTrack = aTracks[i];
                     console.info("Track audio info: id: " + aTrack.id + " kind: " + aTrack.kind + " label: \"" + aTrack.label + "\"");
+                    var mtrSts = aTrack.getSettings();
+                    console.info("Track audio settings: Ch cnt: " + mtrSts.channelCount + ", AGC: " + mtrSts.autoGainControl + ", Echo cancell.: " + mtrSts.echoCancellation);
+                    if (mtrSts.autoGainControl) {
+                        _this.agcStatus = mtrSts.autoGainControl;
+                    }
                 }
                 var vTracks = s.getVideoTracks();
                 for (var i = 0; i < vTracks.length; i++) {
@@ -956,6 +1300,7 @@
                 _this.mediaStream = _this.context.createMediaStreamSource(s);
                 // stream channel count ( is always 2 !)
                 var streamChannelCount = _this.mediaStream.channelCount;
+                console.info("Stream channel count: " + streamChannelCount);
                 // is not set!!
                 //this.currentSampleRate = this.mediaStream.sampleRate;
                 _this.currentSampleRate = _this.context.sampleRate;
@@ -965,43 +1310,117 @@
                 }
                 // W3C  -> new name is createScriptProcessor
                 //
-                // TODO Again deprecated, but AudioWorker not yet implemented in stable releases (June 2016)
+                // Again deprecated, but AudioWorker not yet implemented in stable releases (June 2016)
                 // AudioWorker is now AudioWorkletProcessor ... (May 2017)
                 // Update 12-2020:
                 // The ScriptProcessorNode Interface - DEPRECATED
-                if (!_this.context.createScriptProcessor) {
-                    //console.debug("Audio script processor NOT implemented.")
+                // Update 06-2021
+                //  AudioWorkletProcessor is here to stay. Web Audio API has now Recommendation status !
+                if (ENABLE_AUDIO_WORKLET && _this.context.audioWorklet) {
+                    //const workletFileName = ('file-loader!./interceptor_worklet.js');
+                    //const workletFileName = 'http://localhost:4200/assets/interceptor_worklet.js';
+                    //console.log(awpStr);
+                    var audioWorkletModuleBlob = new Blob([awpStr], { type: 'text/javascript' });
+                    var audioWorkletModuleBlobUrl = window.URL.createObjectURL(audioWorkletModuleBlob);
+                    _this.context.audioWorklet.addModule(audioWorkletModuleBlobUrl).then(function () {
+                        var awn = new AudioWorkletNode(_this.context, 'capture-interceptor');
+                        awn.onprocessorerror = function (ev) {
+                            var msg = 'Unknwon error';
+                            if (ev instanceof ErrorEvent) {
+                                msg = ev.message;
+                            }
+                            console.error("Capture audio worklet error: " + msg);
+                            if (_this.listener) {
+                                _this.listener.error(msg);
+                            }
+                        };
+                        var awnPt = awn.port;
+                        if (awnPt) {
+                            awnPt.onmessage = function (ev) {
+                                if (_this.capturing) {
+                                    var dt = ev.data;
+                                    var chs = dt.chs;
+                                    var adaLen = dt.data.length;
+                                    if (DEBUG_TRACE_LEVEL > 8) {
+                                        console.debug('Received data from worklet: ' + chs + ' ' + dt.len + ' Data chs: ' + adaLen);
+                                    }
+                                    //let chunkLen = adaLen / chs;
+                                    var chunkLen = adaLen;
+                                    var chunk = new Array(chs);
+                                    for (var ch = 0; ch < chs; ch++) {
+                                        if (_this.data && _this.data[ch]) {
+                                            var adaPos = ch * chunkLen;
+                                            if (dt.data[ch]) {
+                                                var fa = new Float32Array(dt.data[ch]);
+                                                _this.data[ch].push(fa);
+                                                chunk[ch] = fa;
+                                                // Use samples of channel 0 to count frames (samples)
+                                                if (ch == 0) {
+                                                    _this.framesRecorded += fa.length;
+                                                }
+                                            }
+                                            else {
+                                                if (DEBUG_TRACE_LEVEL > 8) {
+                                                    console.debug('Channel ' + ch + ' data not set!!');
+                                                }
+                                            }
+                                        }
+                                    }
+                                    if (_this.audioOutStream) {
+                                        _this.audioOutStream.write(chunk);
+                                    }
+                                }
+                            };
+                        }
+                        _this.bufferingNode = awn;
+                        _this._opened = true;
+                        if (_this.listener) {
+                            _this.listener.opened();
+                        }
+                    }).catch(function (error) {
+                        console.log('Could not add module ' + error);
+                    });
                 }
-                else {
-                    // The ScriptProcessorNode Interface - DEPRECATED
-                    //console.debug("Audio script processor implemented!!");
+                else if (_this.context.createScriptProcessor) {
+                    // The ScriptProcessorNode Interface - DEPRECATED Only as fallback
                     // TODO should we use streamChannelCount or channelCount here ?
-                    _this.bufferingNode = _this.context.createScriptProcessor(AudioCapture.BUFFER_SIZE, streamChannelCount, streamChannelCount);
+                    var scriptProcessorNode = _this.context.createScriptProcessor(AudioCapture.BUFFER_SIZE, streamChannelCount, streamChannelCount);
+                    _this.bufferingNode = scriptProcessorNode;
                     var c_1 = 0;
-                    _this.bufferingNode.onaudioprocess = function (e) {
-                        if (_this.capturing) {
-                            // TODO use chCnt
-                            var inBuffer = e.inputBuffer;
-                            var duration = inBuffer.duration;
-                            // only process requested count of channels
-                            var currentBuffers = new Array(channelCount);
-                            for (var ch = 0; ch < channelCount; ch++) {
-                                var chSamples = inBuffer.getChannelData(ch);
-                                var chSamplesCopy = chSamples.slice(0);
-                                currentBuffers[ch] = chSamplesCopy.slice(0);
-                                _this.data[ch].push(chSamplesCopy);
-                                _this.framesRecorded += chSamplesCopy.length;
-                            }
-                            c_1++;
-                            if (_this.audioOutStream) {
-                                _this.audioOutStream.write(currentBuffers);
+                    if (scriptProcessorNode.onaudioprocess) {
+                        scriptProcessorNode.onaudioprocess = function (e) {
+                            if (_this.capturing) {
+                                var inBuffer = e.inputBuffer;
+                                var duration = inBuffer.duration;
+                                // only process requested count of channels
+                                var currentBuffers = new Array(channelCount);
+                                for (var ch = 0; ch < channelCount; ch++) {
+                                    var chSamples = inBuffer.getChannelData(ch);
+                                    var chSamplesCopy = chSamples.slice(0);
+                                    currentBuffers[ch] = chSamplesCopy.slice(0);
+                                    _this.data[ch].push(chSamplesCopy);
+                                    if (DEBUG_TRACE_LEVEL > 8) {
+                                        console.debug("Process " + chSamplesCopy.length + " samples.");
+                                    }
+                                    _this.framesRecorded += chSamplesCopy.length;
+                                }
+                                c_1++;
+                                if (_this.audioOutStream) {
+                                    _this.audioOutStream.write(currentBuffers);
+                                }
                             }
+                        };
+                        _this._opened = true;
+                        if (_this.listener) {
+                            _this.listener.opened();
                         }
-                    };
+                    }
+                    else {
+                        _this.listener.error('Browser does not support audio processing (ScriptProcessor.onaudioprocess method not found)!');
+                    }
                 }
-                _this._opened = true;
-                if (_this.listener) {
-                    _this.listener.opened();
+                else {
+                    _this.listener.error('Browser does not support audio processing (neither AudioWorkletProcessor nor ScriptProcessor)!');
                 }
             }, function (e) {
                 console.error(e + " Error name: " + e.name);
@@ -1028,14 +1447,16 @@
                 this.audioOutStream.nextStream();
             }
             this.capturing = true;
-            this.mediaStream.connect(this.bufferingNode);
-            this.bufferingNode.connect(this.context.destination);
+            if (this.bufferingNode) {
+                this.mediaStream.connect(this.bufferingNode);
+                this.bufferingNode.connect(this.context.destination);
+            }
             if (this.listener) {
                 this.listener.started();
             }
         };
         AudioCapture.prototype.stop = function () {
-            if (this.disconnectStreams) {
+            if (this.disconnectStreams && this.bufferingNode) {
                 this.mediaStream.disconnect(this.bufferingNode);
                 this.bufferingNode.disconnect(this.context.destination);
             }
@@ -1061,7 +1482,7 @@
             this._opened = false;
         };
         AudioCapture.prototype.audioBuffer = function () {
-            var e_1, _a, e_2, _b;
+            var e_2, _a, e_3, _b;
             var frameLen = 0;
             var ch0Data = this.data[0];
             try {
@@ -1070,31 +1491,31 @@
                     frameLen += ch0Chk.length;
                 }
             }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
             finally {
                 try {
                     if (ch0Data_1_1 && !ch0Data_1_1.done && (_a = ch0Data_1.return)) _a.call(ch0Data_1);
                 }
-                finally { if (e_1) throw e_1.error; }
+                finally { if (e_2) throw e_2.error; }
             }
             var ab = this.context.createBuffer(this.channelCount, frameLen, this.context.sampleRate);
             for (var ch = 0; ch < this.channelCount; ch++) {
                 var chD = ab.getChannelData(ch);
                 var pos = 0;
                 try {
-                    for (var _c = (e_2 = void 0, __values(this.data[ch])), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    for (var _c = (e_3 = void 0, __values(this.data[ch])), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var chChk = _d.value;
                         var bufLen = chChk.length;
                         chD.set(chChk, pos);
                         pos += bufLen;
                     }
                 }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
                 finally {
                     try {
                         if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                     }
-                    finally { if (e_2) throw e_2.error; }
+                    finally { if (e_3) throw e_3.error; }
                 }
             }
             return ab;
@@ -2283,6 +2704,8 @@
             this.peakDbLevelStr = "-___ dB";
             this.peakDbLvl = MIN_DB_LEVEL;
             this._displayLevelInfos = null;
+            this._agc = undefined;
+            this.agcString = 'n/a';
             this.onShowRecordingDetails = new i0.EventEmitter();
             this.onDownloadRecording = new i0.EventEmitter();
             this.playStartEnabled = false;
@@ -2291,6 +2714,24 @@
             this.destroyed = false;
             this.warnDbLevel = DEFAULT_WARN_DB_LEVEL;
         }
+        Object.defineProperty(LevelBarDisplay.prototype, "agc", {
+            set: function (agc) {
+                this._agc = agc;
+                if (this._agc === undefined || this._agc === null) {
+                    this.agcString = 'n/a';
+                }
+                else {
+                    if (this._agc === true) {
+                        this.agcString = 'On';
+                    }
+                    else {
+                        this.agcString = 'Off';
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         LevelBarDisplay.prototype.ngOnDestroy = function () {
             this.destroyed = true;
         };
@@ -2357,12 +2798,12 @@
         return LevelBarDisplay;
     }());
     LevelBarDisplay.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: LevelBarDisplay, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LevelBarDisplay.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: LevelBarDisplay, selector: "spr-recordingitemdisplay", inputs: { streamingMode: "streamingMode", audioSignalCollapsed: "audioSignalCollapsed", enableDownload: "enableDownload", playStartAction: "playStartAction", playStopAction: "playStopAction", displayAudioBuffer: "displayAudioBuffer", displayLevelInfos: "displayLevelInfos" }, outputs: { onShowRecordingDetails: "onShowRecordingDetails", onDownloadRecording: "onDownloadRecording" }, viewQueries: [{ propertyName: "liveLevel", first: true, predicate: LevelBar, descendants: true, static: true }], ngImport: i0__namespace, template: "\n        <audio-levelbar [streamingMode]=\"streamingMode\" [displayLevelInfos]=\"_displayLevelInfos\"></audio-levelbar>\n        <button matTooltip=\"Start playback\" (click)=\"playStartAction?.perform()\"\n                [disabled]=\"playStartAction?.disabled\"\n                [style.color]=\"playStartAction?.disabled ? 'grey' : 'green'\">\n            <mat-icon>play_arrow</mat-icon>\n        </button>\n        <button matTooltip=\"Stop playback\" (click)=\"playStopAction?.perform()\"\n                [disabled]=\"playStopAction?.disabled\"\n                [style.color]=\"playStopAction?.disabled ? 'grey' : 'yellow'\">\n            <mat-icon>stop</mat-icon>\n        </button>\n        <button matTooltip=\"Toggle detailed audio display\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"showRecordingDetails()\">\n            <mat-icon>{{(audioSignalCollapsed) ? \"expand_less\" : \"expand_more\"}}</mat-icon>\n        </button>\n        <button matTooltip=\"Download current recording\" *ngIf=\"enableDownload\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"downloadRecording()\">\n            <mat-icon>file_download</mat-icon>\n        </button>\n        <div style=\"min-width: 14ch;padding:2px\"><table border=\"0\"><tr><td>Peak:</td><td><span matTooltip=\"Peak level\"\n                                                                        [style.color]=\"(peakDbLvl > warnDbLevel)?'red':'black'\">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr></table></div>\n    ", isInline: true, styles: [":host {\n        flex: 0; /* only required vertical space */\n        width: 100%;\n        background: darkgray;\n        padding: 4px;\n        box-sizing: border-box;\n        height: 100px;\n        min-height: 100px;\n        display: flex; /* flex container: left level bar, right decimal peak level value */\n        flex-direction: row;\n        flex-wrap: nowrap; /* wrap could completely destroy the layout */\n    }", "audio-levelbar {\n        flex: 1;\n        box-sizing: border-box;\n    }", "span {\n        flex: 0;\n        font-weight: bold;\n        display: inline-block;\n        white-space: nowrap;\n        box-sizing: border-box;\n    }"], components: [{ type: LevelBar, selector: "audio-levelbar", inputs: ["streamingMode", "displayLevelInfos"] }, { type: i2__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "number": i4__namespace.DecimalPipe } });
+    LevelBarDisplay.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: LevelBarDisplay, selector: "spr-recordingitemdisplay", inputs: { streamingMode: "streamingMode", audioSignalCollapsed: "audioSignalCollapsed", enableDownload: "enableDownload", agc: "agc", playStartAction: "playStartAction", playStopAction: "playStopAction", displayAudioBuffer: "displayAudioBuffer", displayLevelInfos: "displayLevelInfos" }, outputs: { onShowRecordingDetails: "onShowRecordingDetails", onDownloadRecording: "onDownloadRecording" }, viewQueries: [{ propertyName: "liveLevel", first: true, predicate: LevelBar, descendants: true, static: true }], ngImport: i0__namespace, template: "\n        <audio-levelbar [streamingMode]=\"streamingMode\" [displayLevelInfos]=\"_displayLevelInfos\"></audio-levelbar>\n        <button matTooltip=\"Start playback\" (click)=\"playStartAction?.perform()\"\n                [disabled]=\"playStartAction?.disabled\"\n                [style.color]=\"playStartAction?.disabled ? 'grey' : 'green'\">\n            <mat-icon>play_arrow</mat-icon>\n        </button>\n        <button matTooltip=\"Stop playback\" (click)=\"playStopAction?.perform()\"\n                [disabled]=\"playStopAction?.disabled\"\n                [style.color]=\"playStopAction?.disabled ? 'grey' : 'yellow'\">\n            <mat-icon>stop</mat-icon>\n        </button>\n        <button matTooltip=\"Toggle detailed audio display\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"showRecordingDetails()\">\n            <mat-icon>{{(audioSignalCollapsed) ? \"expand_less\" : \"expand_more\"}}</mat-icon>\n        </button>\n        <button matTooltip=\"Download current recording\" *ngIf=\"enableDownload\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"downloadRecording()\">\n            <mat-icon>file_download</mat-icon>\n        </button>\n        <div style=\"min-width: 14ch;padding:2px\"><table border=\"0\"><tr><td>Peak:</td><td><span matTooltip=\"Peak level\"\n                                                                        [style.color]=\"(peakDbLvl > warnDbLevel)?'red':'black'\">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr>\n          <tr *ngIf=\"_agc\"><td>AGC:</td><td><span matTooltip=\"Auto gain control\">{{agcString}}</span></td></tr></table></div>\n    ", isInline: true, styles: [":host {\n        flex: 0; /* only required vertical space */\n        width: 100%;\n        background: darkgray;\n        padding: 4px;\n        box-sizing: border-box;\n        height: 100px;\n        min-height: 100px;\n        display: flex; /* flex container: left level bar, right decimal peak level value */\n        flex-direction: row;\n        flex-wrap: nowrap; /* wrap could completely destroy the layout */\n    }", "audio-levelbar {\n        flex: 1;\n        box-sizing: border-box;\n    }", "span {\n        flex: 0;\n        font-weight: bold;\n        display: inline-block;\n        white-space: nowrap;\n        box-sizing: border-box;\n    }"], components: [{ type: LevelBar, selector: "audio-levelbar", inputs: ["streamingMode", "displayLevelInfos"] }, { type: i2__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "number": i4__namespace.DecimalPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: LevelBarDisplay, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'spr-recordingitemdisplay',
-                        template: "\n        <audio-levelbar [streamingMode]=\"streamingMode\" [displayLevelInfos]=\"_displayLevelInfos\"></audio-levelbar>\n        <button matTooltip=\"Start playback\" (click)=\"playStartAction?.perform()\"\n                [disabled]=\"playStartAction?.disabled\"\n                [style.color]=\"playStartAction?.disabled ? 'grey' : 'green'\">\n            <mat-icon>play_arrow</mat-icon>\n        </button>\n        <button matTooltip=\"Stop playback\" (click)=\"playStopAction?.perform()\"\n                [disabled]=\"playStopAction?.disabled\"\n                [style.color]=\"playStopAction?.disabled ? 'grey' : 'yellow'\">\n            <mat-icon>stop</mat-icon>\n        </button>\n        <button matTooltip=\"Toggle detailed audio display\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"showRecordingDetails()\">\n            <mat-icon>{{(audioSignalCollapsed) ? \"expand_less\" : \"expand_more\"}}</mat-icon>\n        </button>\n        <button matTooltip=\"Download current recording\" *ngIf=\"enableDownload\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"downloadRecording()\">\n            <mat-icon>file_download</mat-icon>\n        </button>\n        <div style=\"min-width: 14ch;padding:2px\"><table border=\"0\"><tr><td>Peak:</td><td><span matTooltip=\"Peak level\"\n                                                                        [style.color]=\"(peakDbLvl > warnDbLevel)?'red':'black'\">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr></table></div>\n    ",
+                        template: "\n        <audio-levelbar [streamingMode]=\"streamingMode\" [displayLevelInfos]=\"_displayLevelInfos\"></audio-levelbar>\n        <button matTooltip=\"Start playback\" (click)=\"playStartAction?.perform()\"\n                [disabled]=\"playStartAction?.disabled\"\n                [style.color]=\"playStartAction?.disabled ? 'grey' : 'green'\">\n            <mat-icon>play_arrow</mat-icon>\n        </button>\n        <button matTooltip=\"Stop playback\" (click)=\"playStopAction?.perform()\"\n                [disabled]=\"playStopAction?.disabled\"\n                [style.color]=\"playStopAction?.disabled ? 'grey' : 'yellow'\">\n            <mat-icon>stop</mat-icon>\n        </button>\n        <button matTooltip=\"Toggle detailed audio display\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"showRecordingDetails()\">\n            <mat-icon>{{(audioSignalCollapsed) ? \"expand_less\" : \"expand_more\"}}</mat-icon>\n        </button>\n        <button matTooltip=\"Download current recording\" *ngIf=\"enableDownload\" [disabled]=\"displayAudioBuffer==null\"\n                (click)=\"downloadRecording()\">\n            <mat-icon>file_download</mat-icon>\n        </button>\n        <div style=\"min-width: 14ch;padding:2px\"><table border=\"0\"><tr><td>Peak:</td><td><span matTooltip=\"Peak level\"\n                                                                        [style.color]=\"(peakDbLvl > warnDbLevel)?'red':'black'\">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr>\n          <tr *ngIf=\"_agc\"><td>AGC:</td><td><span matTooltip=\"Auto gain control\">{{agcString}}</span></td></tr></table></div>\n    ",
                         styles: [":host {\n        flex: 0; /* only required vertical space */\n        width: 100%;\n        background: darkgray;\n        padding: 4px;\n        box-sizing: border-box;\n        height: 100px;\n        min-height: 100px;\n        display: flex; /* flex container: left level bar, right decimal peak level value */\n        flex-direction: row;\n        flex-wrap: nowrap; /* wrap could completely destroy the layout */\n    }", "audio-levelbar {\n        flex: 1;\n        box-sizing: border-box;\n    }", "span {\n        flex: 0;\n        font-weight: bold;\n        display: inline-block;\n        white-space: nowrap;\n        box-sizing: border-box;\n    }"]
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { liveLevel: [{
@@ -2374,6 +2815,8 @@
                     type: i0.Input
                 }], enableDownload: [{
                     type: i0.Input
+                }], agc: [{
+                    type: i0.Input
                 }], onShowRecordingDetails: [{
                     type: i0.Output
                 }], onDownloadRecording: [{
@@ -6118,12 +6561,13 @@
                         toFill = avail;
                     }
                     var sliceEnd = copied + toFill;
-                    for (var ch = 0; ch < this._channels; ch++) {
-                        var cpPrt = buffers[ch].slice(copied, sliceEnd);
-                        var prtLen = cpPrt.length;
-                        var buf = this.bufs[ch];
-                        var bufLen = buf.length;
-                        buf.set(cpPrt, this.filled);
+                    // Firefox on Android sends only the first channel
+                    for (var ch = 0; ch < buffersLen; ch++) {
+                        if (buffers[ch]) {
+                            var cpPrt = buffers[ch].slice(copied, sliceEnd);
+                            var buf = this.bufs[ch];
+                            buf.set(cpPrt, this.filled);
+                        }
                     }
                     copied += toFill;
                     avail -= toFill;
@@ -6759,6 +7203,7 @@
                     type: i0.Input
                 }] } });
 
+    var FORCE_REQUEST_AUDIO_PERMISSIONS = false;
     var RECFILE_API_CTX = 'recfile';
     var MAX_RECORDING_TIME_MS = 1000 * 60 * 60 * 60; // 1 hour
     var DEFAULT_PRE_REC_DELAY = 1000;
@@ -6810,6 +7255,9 @@
             this.selCaptureDeviceId = null;
             this.levelMeasure = new LevelMeasure();
             this.streamLevelMeasure = new StreamLevelMeasure();
+            this.userAgent = UserAgentBuilder.userAgent();
+            console.debug("Detected platform: " + this.userAgent.detectedPlatform);
+            console.debug("Detected browser: " + this.userAgent.detectedBrowser);
             if (this.config && this.config.enableUploadRecordings !== undefined) {
                 this.enableUploadRecordings = this.config.enableUploadRecordings;
             }
@@ -6994,6 +7442,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SessionManager.prototype, "autoGainControlConfigs", {
+            set: function (autoGainControlConfigs) {
+                this._autoGainControlConfigs = autoGainControlConfigs;
+            },
+            enumerable: false,
+            configurable: true
+        });
         SessionManager.prototype.update = function (e) {
             if (e.type == exports.EventType.STARTED) {
                 this.playStartAction.disabled = true;
@@ -7076,7 +7531,7 @@
                     else {
                         console.log("Open session with default audio device for " + this._channelCount + " channels");
                     }
-                    this.ac.open(this._channelCount, this._selectedDeviceId);
+                    this.ac.open(this._channelCount, this._selectedDeviceId, this._autoGainControlConfigs);
                 }
                 else {
                     this.ac.start();
@@ -7328,9 +7783,22 @@
                     this.sessionService.patchSessionObserver(this._session, body).subscribe();
                 }
             }
+            // Check browser compatibility
+            if (this.userAgent.detectedBrowser === Browser$1.Safari && this._channelCount > 1) {
+                var eMsg = "Error: Safari browser does not support stereo recordings.";
+                console.error(eMsg);
+                this.dialog.open(MessageDialog, {
+                    data: {
+                        type: 'error',
+                        title: 'Browser not supported',
+                        msg: eMsg,
+                        advice: "Please use a supported browser, e.g. Mozilla Firefox."
+                    }
+                });
+            }
             //console.log("Session ID: "+this._session.session+ " status: "+this._session.status)
             this._selectedDeviceId = undefined;
-            if (!this.readonly && this.ac) {
+            if (!this.readonly && this.ac && (FORCE_REQUEST_AUDIO_PERMISSIONS || (this._audioDevices && this._audioDevices.length > 0))) {
                 this.statusMsg = 'Requesting audio permissions...';
                 this.statusAlertType = 'info';
                 this.ac.deviceInfos(function (mdis) {
@@ -7447,6 +7915,7 @@
                                         }
                                     });
                                 }
+                                // Safari does not list playback devices
                                 if (!audioPlayDeviceAvail) {
                                     // Firefox does not enumerate audiooutput devices
                                     // Do not show this warning, because it would always appear on Firefox
@@ -7454,7 +7923,8 @@
                                     // It is already implemneted but kept behind a preference setting https://bugzilla.mozilla.org/show_bug.cgi?id=1152401
                                     // Output devices are listed if about:config media.setsinkid.enabled=true
                                     // but default setting is false
-                                    if (!navigator.userAgent.match(".*Firefox.*")) {
+                                    // Same problem with Safari
+                                    if (!(_this.userAgent.detectedBrowser === Browser$1.Safari || _this.userAgent.detectedBrowser === Browser$1.Firefox)) {
                                         // no device found
                                         _this.statusMsg = 'WARNING: No audio playback device available!';
                                         _this.statusAlertType = 'warn';
@@ -7865,13 +8335,13 @@
         return SessionManager;
     }());
     SessionManager.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: SessionManager, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.Renderer2 }, { token: i1__namespace$3.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SessionManager.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: SessionManager, selector: "app-sprrecordingsession", inputs: { projectName: "projectName", dataSaved: "dataSaved" }, host: { listeners: { "window:keypress": "onKeyPress($event)", "window:keydown": "onKeyDown($event)" } }, providers: [SessionService], viewQueries: [{ propertyName: "prompting", first: true, predicate: Prompting, descendants: true, static: true }, { propertyName: "liveLevelDisplay", first: true, predicate: LevelBarDisplay, descendants: true, static: true }], ngImport: i0__namespace, template: "\n    <app-warningbar [show]=\"isTestSession()\" warningText=\"Test recording only!\"></app-warningbar>\n    <app-warningbar [show]=\"isDefaultAudioTestSession()\" warningText=\"This test uses default audio device! Regular sessions may require a particular audio device (microphone)!\"></app-warningbar>\n      <app-sprprompting [projectName]=\"projectName\"\n                        [startStopSignalState]=\"startStopSignalState\" [promptItem]=\"promptItem\" [showPrompt]=\"showPrompt\"\n                        [items]=\"items\"\n                        [transportActions]=\"transportActions\"\n                        [selectedItemIdx]=\"promptIndex\" (onItemSelect)=\"itemSelect($event)\" (onNextItem)=\"nextItem()\" (onPrevItem)=\"prevItem()\"\n                        [audioSignalCollapsed]=\"audioSignalCollapsed\" [displayAudioClip]=\"displayAudioClip\"\n                        [playStartAction]=\"controlAudioPlayer?.startAction\"\n                        [playSelectionAction]=\"controlAudioPlayer?.startSelectionAction\"\n                        [autoPlayOnSelectToggleAction]=\"controlAudioPlayer?.autoPlayOnSelectToggleAction\"\n                        [playStopAction]=\"controlAudioPlayer?.stopAction\">\n\n    </app-sprprompting>\n    <mat-progress-bar [value]=\"progressPercentValue()\" fxShow=\"false\" fxShow.xs=\"true\" ></mat-progress-bar>\n\n    <spr-recordingitemdisplay #levelbardisplay\n                              [playStartAction]=\"controlAudioPlayer?.startAction\"\n                              [playStopAction]=\"controlAudioPlayer?.stopAction\"\n                              [streamingMode]=\"isRecording()\"\n                              [displayLevelInfos]=\"displayLevelInfos\"\n                              [displayAudioBuffer]=\"displayAudioClip?.buffer\" [audioSignalCollapsed]=\"audioSignalCollapsed\"\n                              (onShowRecordingDetails)=\"audioSignalCollapsed=!audioSignalCollapsed\"\n                              (onDownloadRecording)=\"downloadRecording()\"\n                              [enableDownload]=\"enableDownloadRecordings\"></spr-recordingitemdisplay>\n    <app-sprcontrolpanel [enableUploadRecordings]=\"enableUploadRecordings\" [readonly]=\"readonly\" [currentRecording]=\"displayAudioClip?.buffer\"\n                         [transportActions]=\"transportActions\" [statusMsg]=\"statusMsg\" [statusWaiting]=\"statusWaiting\"\n                         [statusAlertType]=\"statusAlertType\" [uploadProgress]=\"uploadProgress\"\n                         [uploadStatus]=\"uploadStatus\" [ready]=\"dataSaved && !isActive()\" [processing]=\"processingRecording\" [navigationEnabled]=\"items==null || items.length>1\"></app-sprcontrolpanel>\n\n  ", isInline: true, styles: [":host {\n    flex: 2;\n    background: lightgrey;\n    display: flex; /* Vertical flex container: Bottom transport panel, above prompting panel */\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    min-height: 0px;\n\n      /* Prevents horizontal scroll bar on swipe right */\n      overflow: hidden;\n  }"], components: [{ type: WarningBar, selector: "app-warningbar", inputs: ["warningText", "show"] }, { type: Prompting, selector: "app-sprprompting", inputs: ["projectName", "startStopSignalState", "promptItem", "showPrompt", "items", "selectedItemIdx", "transportActions", "enableDownload", "audioSignalCollapsed", "displayAudioClip", "playStartAction", "playSelectionAction", "autoPlayOnSelectToggleAction", "playStopAction"], outputs: ["onItemSelect", "onNextItem", "onPrevItem"] }, { type: i7__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: LevelBarDisplay, selector: "spr-recordingitemdisplay", inputs: ["streamingMode", "audioSignalCollapsed", "enableDownload", "playStartAction", "playStopAction", "displayAudioBuffer", "displayLevelInfos"], outputs: ["onShowRecordingDetails", "onDownloadRecording"] }, { type: ControlPanel, selector: "app-sprcontrolpanel", inputs: ["readonly", "transportActions", "processing", "statusMsg", "statusAlertType", "statusWaiting", "uploadStatus", "uploadProgress", "currentRecording", "enableUploadRecordings", "navigationEnabled", "ready"] }], directives: [{ type: i6__namespace.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }] });
+    SessionManager.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: SessionManager, selector: "app-sprrecordingsession", inputs: { projectName: "projectName", dataSaved: "dataSaved" }, host: { listeners: { "window:keypress": "onKeyPress($event)", "window:keydown": "onKeyDown($event)" } }, providers: [SessionService], viewQueries: [{ propertyName: "prompting", first: true, predicate: Prompting, descendants: true, static: true }, { propertyName: "liveLevelDisplay", first: true, predicate: LevelBarDisplay, descendants: true, static: true }], ngImport: i0__namespace, template: "\n    <app-warningbar [show]=\"isTestSession()\" warningText=\"Test recording only!\"></app-warningbar>\n    <app-warningbar [show]=\"isDefaultAudioTestSession()\" warningText=\"This test uses default audio device! Regular sessions may require a particular audio device (microphone)!\"></app-warningbar>\n      <app-sprprompting [projectName]=\"projectName\"\n                        [startStopSignalState]=\"startStopSignalState\" [promptItem]=\"promptItem\" [showPrompt]=\"showPrompt\"\n                        [items]=\"items\"\n                        [transportActions]=\"transportActions\"\n                        [selectedItemIdx]=\"promptIndex\" (onItemSelect)=\"itemSelect($event)\" (onNextItem)=\"nextItem()\" (onPrevItem)=\"prevItem()\"\n                        [audioSignalCollapsed]=\"audioSignalCollapsed\" [displayAudioClip]=\"displayAudioClip\"\n                        [playStartAction]=\"controlAudioPlayer?.startAction\"\n                        [playSelectionAction]=\"controlAudioPlayer?.startSelectionAction\"\n                        [autoPlayOnSelectToggleAction]=\"controlAudioPlayer?.autoPlayOnSelectToggleAction\"\n                        [playStopAction]=\"controlAudioPlayer?.stopAction\">\n\n    </app-sprprompting>\n    <mat-progress-bar [value]=\"progressPercentValue()\" fxShow=\"false\" fxShow.xs=\"true\" ></mat-progress-bar>\n\n    <spr-recordingitemdisplay #levelbardisplay\n                              [playStartAction]=\"controlAudioPlayer?.startAction\"\n                              [playStopAction]=\"controlAudioPlayer?.stopAction\"\n                              [streamingMode]=\"isRecording()\"\n                              [displayLevelInfos]=\"displayLevelInfos\"\n                              [displayAudioBuffer]=\"displayAudioClip?.buffer\"\n                              [agc]=\"this.ac?.agcStatus\"\n                              [audioSignalCollapsed]=\"audioSignalCollapsed\"\n                              (onShowRecordingDetails)=\"audioSignalCollapsed=!audioSignalCollapsed\"\n                              (onDownloadRecording)=\"downloadRecording()\"\n                              [enableDownload]=\"enableDownloadRecordings\"></spr-recordingitemdisplay>\n    <app-sprcontrolpanel [enableUploadRecordings]=\"enableUploadRecordings\" [readonly]=\"readonly\" [currentRecording]=\"displayAudioClip?.buffer\"\n                         [transportActions]=\"transportActions\" [statusMsg]=\"statusMsg\" [statusWaiting]=\"statusWaiting\"\n                         [statusAlertType]=\"statusAlertType\" [uploadProgress]=\"uploadProgress\"\n                         [uploadStatus]=\"uploadStatus\" [ready]=\"dataSaved && !isActive()\" [processing]=\"processingRecording\" [navigationEnabled]=\"items==null || items.length>1\"></app-sprcontrolpanel>\n\n  ", isInline: true, styles: [":host {\n    flex: 2;\n    background: lightgrey;\n    display: flex; /* Vertical flex container: Bottom transport panel, above prompting panel */\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    min-height: 0px;\n\n      /* Prevents horizontal scroll bar on swipe right */\n      overflow: hidden;\n  }"], components: [{ type: WarningBar, selector: "app-warningbar", inputs: ["warningText", "show"] }, { type: Prompting, selector: "app-sprprompting", inputs: ["projectName", "startStopSignalState", "promptItem", "showPrompt", "items", "selectedItemIdx", "transportActions", "enableDownload", "audioSignalCollapsed", "displayAudioClip", "playStartAction", "playSelectionAction", "autoPlayOnSelectToggleAction", "playStopAction"], outputs: ["onItemSelect", "onNextItem", "onPrevItem"] }, { type: i7__namespace.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: LevelBarDisplay, selector: "spr-recordingitemdisplay", inputs: ["streamingMode", "audioSignalCollapsed", "enableDownload", "agc", "playStartAction", "playStopAction", "displayAudioBuffer", "displayLevelInfos"], outputs: ["onShowRecordingDetails", "onDownloadRecording"] }, { type: ControlPanel, selector: "app-sprcontrolpanel", inputs: ["readonly", "transportActions", "processing", "statusMsg", "statusAlertType", "statusWaiting", "uploadStatus", "uploadProgress", "currentRecording", "enableUploadRecordings", "navigationEnabled", "ready"] }], directives: [{ type: i6__namespace.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: SessionManager, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'app-sprrecordingsession',
                         providers: [SessionService],
-                        template: "\n    <app-warningbar [show]=\"isTestSession()\" warningText=\"Test recording only!\"></app-warningbar>\n    <app-warningbar [show]=\"isDefaultAudioTestSession()\" warningText=\"This test uses default audio device! Regular sessions may require a particular audio device (microphone)!\"></app-warningbar>\n      <app-sprprompting [projectName]=\"projectName\"\n                        [startStopSignalState]=\"startStopSignalState\" [promptItem]=\"promptItem\" [showPrompt]=\"showPrompt\"\n                        [items]=\"items\"\n                        [transportActions]=\"transportActions\"\n                        [selectedItemIdx]=\"promptIndex\" (onItemSelect)=\"itemSelect($event)\" (onNextItem)=\"nextItem()\" (onPrevItem)=\"prevItem()\"\n                        [audioSignalCollapsed]=\"audioSignalCollapsed\" [displayAudioClip]=\"displayAudioClip\"\n                        [playStartAction]=\"controlAudioPlayer?.startAction\"\n                        [playSelectionAction]=\"controlAudioPlayer?.startSelectionAction\"\n                        [autoPlayOnSelectToggleAction]=\"controlAudioPlayer?.autoPlayOnSelectToggleAction\"\n                        [playStopAction]=\"controlAudioPlayer?.stopAction\">\n\n    </app-sprprompting>\n    <mat-progress-bar [value]=\"progressPercentValue()\" fxShow=\"false\" fxShow.xs=\"true\" ></mat-progress-bar>\n\n    <spr-recordingitemdisplay #levelbardisplay\n                              [playStartAction]=\"controlAudioPlayer?.startAction\"\n                              [playStopAction]=\"controlAudioPlayer?.stopAction\"\n                              [streamingMode]=\"isRecording()\"\n                              [displayLevelInfos]=\"displayLevelInfos\"\n                              [displayAudioBuffer]=\"displayAudioClip?.buffer\" [audioSignalCollapsed]=\"audioSignalCollapsed\"\n                              (onShowRecordingDetails)=\"audioSignalCollapsed=!audioSignalCollapsed\"\n                              (onDownloadRecording)=\"downloadRecording()\"\n                              [enableDownload]=\"enableDownloadRecordings\"></spr-recordingitemdisplay>\n    <app-sprcontrolpanel [enableUploadRecordings]=\"enableUploadRecordings\" [readonly]=\"readonly\" [currentRecording]=\"displayAudioClip?.buffer\"\n                         [transportActions]=\"transportActions\" [statusMsg]=\"statusMsg\" [statusWaiting]=\"statusWaiting\"\n                         [statusAlertType]=\"statusAlertType\" [uploadProgress]=\"uploadProgress\"\n                         [uploadStatus]=\"uploadStatus\" [ready]=\"dataSaved && !isActive()\" [processing]=\"processingRecording\" [navigationEnabled]=\"items==null || items.length>1\"></app-sprcontrolpanel>\n\n  ",
+                        template: "\n    <app-warningbar [show]=\"isTestSession()\" warningText=\"Test recording only!\"></app-warningbar>\n    <app-warningbar [show]=\"isDefaultAudioTestSession()\" warningText=\"This test uses default audio device! Regular sessions may require a particular audio device (microphone)!\"></app-warningbar>\n      <app-sprprompting [projectName]=\"projectName\"\n                        [startStopSignalState]=\"startStopSignalState\" [promptItem]=\"promptItem\" [showPrompt]=\"showPrompt\"\n                        [items]=\"items\"\n                        [transportActions]=\"transportActions\"\n                        [selectedItemIdx]=\"promptIndex\" (onItemSelect)=\"itemSelect($event)\" (onNextItem)=\"nextItem()\" (onPrevItem)=\"prevItem()\"\n                        [audioSignalCollapsed]=\"audioSignalCollapsed\" [displayAudioClip]=\"displayAudioClip\"\n                        [playStartAction]=\"controlAudioPlayer?.startAction\"\n                        [playSelectionAction]=\"controlAudioPlayer?.startSelectionAction\"\n                        [autoPlayOnSelectToggleAction]=\"controlAudioPlayer?.autoPlayOnSelectToggleAction\"\n                        [playStopAction]=\"controlAudioPlayer?.stopAction\">\n\n    </app-sprprompting>\n    <mat-progress-bar [value]=\"progressPercentValue()\" fxShow=\"false\" fxShow.xs=\"true\" ></mat-progress-bar>\n\n    <spr-recordingitemdisplay #levelbardisplay\n                              [playStartAction]=\"controlAudioPlayer?.startAction\"\n                              [playStopAction]=\"controlAudioPlayer?.stopAction\"\n                              [streamingMode]=\"isRecording()\"\n                              [displayLevelInfos]=\"displayLevelInfos\"\n                              [displayAudioBuffer]=\"displayAudioClip?.buffer\"\n                              [agc]=\"this.ac?.agcStatus\"\n                              [audioSignalCollapsed]=\"audioSignalCollapsed\"\n                              (onShowRecordingDetails)=\"audioSignalCollapsed=!audioSignalCollapsed\"\n                              (onDownloadRecording)=\"downloadRecording()\"\n                              [enableDownload]=\"enableDownloadRecordings\"></spr-recordingitemdisplay>\n    <app-sprcontrolpanel [enableUploadRecordings]=\"enableUploadRecordings\" [readonly]=\"readonly\" [currentRecording]=\"displayAudioClip?.buffer\"\n                         [transportActions]=\"transportActions\" [statusMsg]=\"statusMsg\" [statusWaiting]=\"statusWaiting\"\n                         [statusAlertType]=\"statusAlertType\" [uploadProgress]=\"uploadProgress\"\n                         [uploadStatus]=\"uploadStatus\" [ready]=\"dataSaved && !isActive()\" [processing]=\"processingRecording\" [navigationEnabled]=\"items==null || items.length>1\"></app-sprcontrolpanel>\n\n  ",
                         styles: [":host {\n    flex: 2;\n    background: lightgrey;\n    display: flex; /* Vertical flex container: Bottom transport panel, above prompting panel */\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    min-height: 0px;\n\n      /* Prevents horizontal scroll bar on swipe right */\n      overflow: hidden;\n  }"]
                     }]
             }], ctorParameters: function () {
@@ -7897,23 +8367,6 @@
                     args: ['window:keydown', ['$event']]
                 }] } });
 
-    var ProjectUtil = /** @class */ (function () {
-        function ProjectUtil() {
-        }
-        ProjectUtil.audioChannelCount = function (project) {
-            var chs = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
-            if (project.mediaCaptureFormat) {
-                chs = project.mediaCaptureFormat.audioChannelCount;
-            }
-            else if (project.audioFormat) {
-                chs = project.audioFormat.channels;
-            }
-            return chs;
-        };
-        return ProjectUtil;
-    }());
-    ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT = 2;
-
     /**
      * Created by klausj on 17.06.2017.
      */
@@ -8249,6 +8702,7 @@
                     this.sm.audioDevices = project.audioDevices;
                     chCnt = ProjectUtil.audioChannelCount(project);
                     console.info("Project requested recording channel count: " + chCnt);
+                    this.sm.autoGainControlConfigs = project.autoGainControlConfigs;
                 }
                 else {
                     console.error("Empty project configuration!");
@@ -9451,7 +9905,7 @@
                     }]
             }] });
 
-    var VERSION = '2.18.13';
+    var VERSION = '2.19.0';
 
     /*
      * Public API Surface of speechrecorderng