speechrecorderng 2.18.13 → 2.19.0

package/fesm2015/speechrecorderng.js

@@ -313,14 +313,295 @@ class AudioPlayer {
 }
 AudioPlayer.DEFAULT_BUFSIZE = 8192;
 
-class AudioStreamConstr {
+class UserAgentComponent {
+    constructor(name, version, comment) {
+        this.name = name;
+        this.version = version;
+        this.comment = comment;
+    }
+    toString() {
+        let s = '[' + this.name + ']';
+        if (this.version) {
+            s = s + ' [' + this.version + ']';
+        }
+        if (this.comment) {
+            s = s + ' [' + this.comment + ']';
+        }
+        return s;
+    }
+}
+const NAME_FIREFOX = 'Firefox';
+const NAME_CHROME = 'Chrome';
+const NAME_SAFARI = 'Safari';
+const NAME_EDGE = 'Edge';
+var Browser$1;
+(function (Browser) {
+    Browser["Firefox"] = "Firefox";
+    Browser["Chrome"] = "Chrome";
+    Browser["Safari"] = "Safari";
+    Browser["Edge"] = "Edge";
+})(Browser$1 || (Browser$1 = {}));
+const OS_WINDOWS = 'Windows';
+const OS_ANDROID = 'Android';
+var Platform$1;
+(function (Platform) {
+    Platform["Windows"] = "Windows";
+    Platform["Android"] = "Android";
+    Platform["macOS"] = "MAC OS X";
+})(Platform$1 || (Platform$1 = {}));
+class UserAgent {
+    constructor(_detectedPlatform, _detectedBrowser) {
+        this._detectedPlatform = _detectedPlatform;
+        this._detectedBrowser = _detectedBrowser;
+    }
+    get detectedBrowser() {
+        return this._detectedBrowser;
+    }
+    get detectedPlatform() {
+        return this._detectedPlatform;
+    }
+}
+class UserAgentBuilder {
     constructor() {
-        this.audio = true;
-        this.video = false;
+        this.comps = new Array();
+    }
+    build() {
+        // // @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.");
+        // }
+        let ua = navigator.userAgent;
+        this.comps = new Array();
+        let pp = 0;
+        while (pp < ua.length) {
+            //parse name/version
+            let name = null;
+            let version = null;
+            let comment;
+            let blPos = ua.indexOf(' ', pp);
+            let prt;
+            if (blPos == -1) {
+                prt = ua.substr(pp);
+                pp += prt.length;
+            }
+            else {
+                prt = ua.substr(pp, blPos - pp);
+                pp = blPos + 1;
+            }
+            let 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++;
+                let 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));
+        }
+        let 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;
+        }
+        let 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);
+    }
+    matchesBrowser(browserName) {
+        for (let ci = 0; ci < this.comps.length; ci++) {
+            let bn = this.comps[ci].name;
+            let bnRe = new RegExp(browserName, 'i');
+            if (bn.match(bnRe)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    runsOnOS(os) {
+        for (let ci = 0; ci < this.comps.length; ci++) {
+            let cc = this.comps[ci].comment;
+            if (cc) {
+                var osRe = new RegExp(os, 'i');
+                if (cc.match(osRe)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    static userAgent() {
+        if (!this.instance) {
+            this.instance = new UserAgentBuilder();
+        }
+        this.instance.build();
+        return this.instance.userAgent;
     }
 }
+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 = {}));
+class ProjectUtil {
+    static audioChannelCount(project) {
+        let chs = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
+        if (project.mediaCaptureFormat) {
+            chs = project.mediaCaptureFormat.audioChannelCount;
+        }
+        else if (project.audioFormat) {
+            chs = project.audioFormat.channels;
+        }
+        return chs;
+    }
+}
+ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT = 2;
+
+const CHROME_ACTIVATE_ECHO_CANCELLATION_WITH_AGC = false;
+const DEBUG_TRACE_LEVEL = 0;
+const ENABLE_AUDIO_WORKLET = true;
+// Super dirty way to load this module
+// Copy content of interceptor_worklet.js to this string
+const 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";
 class AudioCapture {
     constructor(context) {
+        this.agcStatus = null;
+        this.bufferingNode = null;
         this.audioOutStream = null;
         this.disconnectStreams = true;
         this._opened = false;
@@ -368,7 +649,7 @@ class AudioCapture {
             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((s) => {
                         // and stop it immediately
                         if (s) {
@@ -433,12 +714,12 @@ class AudioCapture {
             console.log("Audio device: Id: " + di.deviceId + " groupId: " + di.groupId + " label: " + di.label + " kind: " + di.kind);
         }
     }
-    open(channelCount, selDeviceId) {
+    open(channelCount, selDeviceId, autoGainControlConfigs) {
         this.context.resume().then(() => {
-            this._open(channelCount, selDeviceId);
+            this._open(channelCount, selDeviceId, autoGainControlConfigs);
         });
     }
-    _open(channelCount, selDeviceId) {
+    _open(channelCount, selDeviceId, autoGainControlConfigs) {
         this.channelCount = channelCount;
         this.framesRecorded = 0;
         //var msc = new AudioStreamConstr();
@@ -454,7 +735,48 @@ class AudioCapture {
         // TODO test if input is unprocessed
         let msc;
         console.info('User agent: ' + navigator.userAgent);
-        if (navigator.userAgent.match(".*Edge.*")) {
+        let ua = UserAgentBuilder.userAgent();
+        // ua.components.forEach((c)=>{
+        //   console.info("UA_Comp: "+c.toString());
+        // })
+        let agcCfg = null;
+        let autoGainControl = false;
+        let chromeEchoCancellation = false;
+        if (autoGainControlConfigs) {
+            for (let agcc of autoGainControlConfigs) {
+                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;
+                }
+            }
+            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.");
@@ -462,12 +784,13 @@ class AudioCapture {
                 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
@@ -475,47 +798,38 @@ class AudioCapture {
             // 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,
             };
@@ -523,6 +837,7 @@ class AudioCapture {
         else {
             // TODO default constraints or error Browser not supported
         }
+        console.debug("Audio capture, AGC: " + this.agcStatus);
         let ump = navigator.mediaDevices.getUserMedia(msc);
         ump.then((s) => {
             this.stream = s;
@@ -530,6 +845,11 @@ class AudioCapture {
             for (let i = 0; i < aTracks.length; i++) {
                 let aTrack = aTracks[i];
                 console.info("Track audio info: id: " + aTrack.id + " kind: " + aTrack.kind + " label: \"" + aTrack.label + "\"");
+                let 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;
+                }
             }
             let vTracks = s.getVideoTracks();
             for (let i = 0; i < vTracks.length; i++) {
@@ -539,6 +859,7 @@ class AudioCapture {
             this.mediaStream = this.context.createMediaStreamSource(s);
             // stream channel count ( is always 2 !)
             let streamChannelCount = this.mediaStream.channelCount;
+            console.info("Stream channel count: " + streamChannelCount);
             // is not set!!
             //this.currentSampleRate = this.mediaStream.sampleRate;
             this.currentSampleRate = this.context.sampleRate;
@@ -548,43 +869,117 @@ class AudioCapture {
             }
             // 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);
+                let audioWorkletModuleBlob = new Blob([awpStr], { type: 'text/javascript' });
+                let audioWorkletModuleBlobUrl = window.URL.createObjectURL(audioWorkletModuleBlob);
+                this.context.audioWorklet.addModule(audioWorkletModuleBlobUrl).then(() => {
+                    const awn = new AudioWorkletNode(this.context, 'capture-interceptor');
+                    awn.onprocessorerror = (ev) => {
+                        let msg = 'Unknwon error';
+                        if (ev instanceof ErrorEvent) {
+                            msg = ev.message;
+                        }
+                        console.error("Capture audio worklet error: " + msg);
+                        if (this.listener) {
+                            this.listener.error(msg);
+                        }
+                    };
+                    let awnPt = awn.port;
+                    if (awnPt) {
+                        awnPt.onmessage = (ev) => {
+                            if (this.capturing) {
+                                let dt = ev.data;
+                                let chs = dt.chs;
+                                let 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;
+                                let chunkLen = adaLen;
+                                let chunk = new Array(chs);
+                                for (let ch = 0; ch < chs; ch++) {
+                                    if (this.data && this.data[ch]) {
+                                        let adaPos = ch * chunkLen;
+                                        if (dt.data[ch]) {
+                                            let 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((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);
+                let scriptProcessorNode = this.context.createScriptProcessor(AudioCapture.BUFFER_SIZE, streamChannelCount, streamChannelCount);
+                this.bufferingNode = scriptProcessorNode;
                 let c = 0;
-                this.bufferingNode.onaudioprocess = (e) => {
-                    if (this.capturing) {
-                        // TODO use chCnt
-                        let inBuffer = e.inputBuffer;
-                        let duration = inBuffer.duration;
-                        // only process requested count of channels
-                        let currentBuffers = new Array(channelCount);
-                        for (let ch = 0; ch < channelCount; ch++) {
-                            let chSamples = inBuffer.getChannelData(ch);
-                            let chSamplesCopy = chSamples.slice(0);
-                            currentBuffers[ch] = chSamplesCopy.slice(0);
-                            this.data[ch].push(chSamplesCopy);
-                            this.framesRecorded += chSamplesCopy.length;
-                        }
-                        c++;
-                        if (this.audioOutStream) {
-                            this.audioOutStream.write(currentBuffers);
+                if (scriptProcessorNode.onaudioprocess) {
+                    scriptProcessorNode.onaudioprocess = (e) => {
+                        if (this.capturing) {
+                            let inBuffer = e.inputBuffer;
+                            let duration = inBuffer.duration;
+                            // only process requested count of channels
+                            let currentBuffers = new Array(channelCount);
+                            for (let ch = 0; ch < channelCount; ch++) {
+                                let chSamples = inBuffer.getChannelData(ch);
+                                let 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++;
+                            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)!');
             }
         }, (e) => {
             console.error(e + " Error name: " + e.name);
@@ -611,14 +1006,16 @@ class AudioCapture {
             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();
         }
     }
     stop() {
-        if (this.disconnectStreams) {
+        if (this.disconnectStreams && this.bufferingNode) {
             this.mediaStream.disconnect(this.bufferingNode);
             this.bufferingNode.disconnect(this.context.destination);
         }
@@ -1788,6 +2185,8 @@ class LevelBarDisplay {
         this.peakDbLevelStr = "-___ dB";
         this.peakDbLvl = MIN_DB_LEVEL;
         this._displayLevelInfos = null;
+        this._agc = undefined;
+        this.agcString = 'n/a';
         this.onShowRecordingDetails = new EventEmitter();
         this.onDownloadRecording = new EventEmitter();
         this.playStartEnabled = false;
@@ -1796,6 +2195,20 @@ class LevelBarDisplay {
         this.destroyed = false;
         this.warnDbLevel = DEFAULT_WARN_DB_LEVEL;
     }
+    set agc(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';
+            }
+        }
+    }
     ngOnDestroy() {
         this.destroyed = true;
     }
@@ -1845,7 +2258,7 @@ class LevelBarDisplay {
     }
 }
 LevelBarDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: LevelBarDisplay, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LevelBarDisplay.ɵcmp = i0.ɵɵ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, template: `
+LevelBarDisplay.ɵcmp = i0.ɵɵ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, template: `
         <audio-levelbar [streamingMode]="streamingMode" [displayLevelInfos]="_displayLevelInfos"></audio-levelbar>
         <button matTooltip="Start playback" (click)="playStartAction?.perform()"
                 [disabled]="playStartAction?.disabled"
@@ -1866,7 +2279,8 @@ LevelBarDisplay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             <mat-icon>file_download</mat-icon>
         </button>
         <div style="min-width: 14ch;padding:2px"><table border="0"><tr><td>Peak:</td><td><span matTooltip="Peak level"
-                                                                        [style.color]="(peakDbLvl > warnDbLevel)?'red':'black'">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr></table></div>
+                                                                        [style.color]="(peakDbLvl > warnDbLevel)?'red':'black'">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr>
+          <tr *ngIf="_agc"><td>AGC:</td><td><span matTooltip="Auto gain control">{{agcString}}</span></td></tr></table></div>
     `, 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "number": i4.DecimalPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: LevelBarDisplay, decorators: [{
             type: Component,
@@ -1893,7 +2307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
             <mat-icon>file_download</mat-icon>
         </button>
         <div style="min-width: 14ch;padding:2px"><table border="0"><tr><td>Peak:</td><td><span matTooltip="Peak level"
-                                                                        [style.color]="(peakDbLvl > warnDbLevel)?'red':'black'">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr></table></div>
+                                                                        [style.color]="(peakDbLvl > warnDbLevel)?'red':'black'">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr>
+          <tr *ngIf="_agc"><td>AGC:</td><td><span matTooltip="Auto gain control">{{agcString}}</span></td></tr></table></div>
     `,
                     styles: [`:host {
         flex: 0; /* only required vertical space */
@@ -1926,6 +2341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
                 type: Input
             }], enableDownload: [{
                 type: Input
+            }], agc: [{
+                type: Input
             }], onShowRecordingDetails: [{
                 type: Output
             }], onDownloadRecording: [{
@@ -6001,12 +6418,13 @@ class Float32ArrayChunkerOutStream {
                     toFill = avail;
                 }
                 let sliceEnd = copied + toFill;
-                for (let ch = 0; ch < this._channels; ch++) {
-                    let cpPrt = buffers[ch].slice(copied, sliceEnd);
-                    let prtLen = cpPrt.length;
-                    let buf = this.bufs[ch];
-                    let bufLen = buf.length;
-                    buf.set(cpPrt, this.filled);
+                // Firefox on Android sends only the first channel
+                for (let ch = 0; ch < buffersLen; ch++) {
+                    if (buffers[ch]) {
+                        let cpPrt = buffers[ch].slice(copied, sliceEnd);
+                        let buf = this.bufs[ch];
+                        buf.set(cpPrt, this.filled);
+                    }
                 }
                 copied += toFill;
                 avail -= toFill;
@@ -6790,6 +7208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
                 type: Input
             }] } });
 
+const FORCE_REQUEST_AUDIO_PERMISSIONS = false;
 const RECFILE_API_CTX = 'recfile';
 const MAX_RECORDING_TIME_MS = 1000 * 60 * 60 * 60; // 1 hour
 const DEFAULT_PRE_REC_DELAY = 1000;
@@ -6841,6 +7260,9 @@ class SessionManager {
         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;
         }
@@ -7004,6 +7426,9 @@ class SessionManager {
     set audioDevices(audioDevices) {
         this._audioDevices = audioDevices;
     }
+    set autoGainControlConfigs(autoGainControlConfigs) {
+        this._autoGainControlConfigs = autoGainControlConfigs;
+    }
     update(e) {
         if (e.type == EventType.STARTED) {
             this.playStartAction.disabled = true;
@@ -7082,7 +7507,7 @@ class SessionManager {
                 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();
@@ -7325,9 +7750,22 @@ class SessionManager {
                 this.sessionService.patchSessionObserver(this._session, body).subscribe();
             }
         }
+        // Check browser compatibility
+        if (this.userAgent.detectedBrowser === Browser$1.Safari && this._channelCount > 1) {
+            let 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((mdis) => {
@@ -7444,6 +7882,7 @@ class SessionManager {
                                     }
                                 });
                             }
+                            // 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
@@ -7451,7 +7890,8 @@ class SessionManager {
                                 // 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';
@@ -7876,7 +8316,9 @@ SessionManager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
                               [playStopAction]="controlAudioPlayer?.stopAction"
                               [streamingMode]="isRecording()"
                               [displayLevelInfos]="displayLevelInfos"
-                              [displayAudioBuffer]="displayAudioClip?.buffer" [audioSignalCollapsed]="audioSignalCollapsed"
+                              [displayAudioBuffer]="displayAudioClip?.buffer"
+                              [agc]="this.ac?.agcStatus"
+                              [audioSignalCollapsed]="audioSignalCollapsed"
                               (onShowRecordingDetails)="audioSignalCollapsed=!audioSignalCollapsed"
                               (onDownloadRecording)="downloadRecording()"
                               [enableDownload]="enableDownloadRecordings"></spr-recordingitemdisplay>
@@ -7885,7 +8327,7 @@ SessionManager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
                          [statusAlertType]="statusAlertType" [uploadProgress]="uploadProgress"
                          [uploadStatus]="uploadStatus" [ready]="dataSaved && !isActive()" [processing]="processingRecording" [navigationEnabled]="items==null || items.length>1"></app-sprcontrolpanel>
 
-  `, 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.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.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"] }] });
+  `, 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.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.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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: SessionManager, decorators: [{
             type: Component,
             args: [{
@@ -7913,7 +8355,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
                               [playStopAction]="controlAudioPlayer?.stopAction"
                               [streamingMode]="isRecording()"
                               [displayLevelInfos]="displayLevelInfos"
-                              [displayAudioBuffer]="displayAudioClip?.buffer" [audioSignalCollapsed]="audioSignalCollapsed"
+                              [displayAudioBuffer]="displayAudioClip?.buffer"
+                              [agc]="this.ac?.agcStatus"
+                              [audioSignalCollapsed]="audioSignalCollapsed"
                               (onShowRecordingDetails)="audioSignalCollapsed=!audioSignalCollapsed"
                               (onDownloadRecording)="downloadRecording()"
                               [enableDownload]="enableDownloadRecordings"></spr-recordingitemdisplay>
@@ -7957,20 +8401,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
                 args: ['window:keydown', ['$event']]
             }] } });
 
-class ProjectUtil {
-    static audioChannelCount(project) {
-        let chs = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
-        if (project.mediaCaptureFormat) {
-            chs = project.mediaCaptureFormat.audioChannelCount;
-        }
-        else if (project.audioFormat) {
-            chs = project.audioFormat.channels;
-        }
-        return chs;
-    }
-}
-ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT = 2;
-
 /**
  * Created by klausj on 17.06.2017.
  */
@@ -8293,6 +8723,7 @@ class SpeechrecorderngComponent {
             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!");
@@ -9711,7 +10142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImpo
                 }]
         }] });
 
-const VERSION = '2.18.13';
+const VERSION = '2.19.0';
 
 /*
  * Public API Surface of speechrecorderng