speechrecorderng 3.4.5 → 3.6.0

package/fesm2015/speechrecorderng.mjs

@@ -1982,9 +1982,8 @@ class IndexedDbAudioBufferSourceNode extends AudioSourceNode {
 }
 
 class NetAudioBuffer extends BasicAudioSource {
-    constructor(_audioContext, _recFileService, _baseUrl, _channelCount, _sampleRate, _chunkFrameLen, _frameLen, _uuid = null, _orgFetchChunkFrameLen = _chunkFrameLen) {
+    constructor(_recFileService, _baseUrl, _channelCount, _sampleRate, _chunkFrameLen, _frameLen, _uuid = null, _orgFetchChunkFrameLen = _chunkFrameLen) {
         super();
-        this._audioContext = _audioContext;
         this._recFileService = _recFileService;
         this._baseUrl = _baseUrl;
         this._channelCount = _channelCount;
@@ -2002,9 +2001,6 @@ class NetAudioBuffer extends BasicAudioSource {
     get recFileService() {
         return this._recFileService;
     }
-    get audioContext() {
-        return this._audioContext;
-    }
     get baseUrl() {
         return this._baseUrl;
     }
@@ -2042,8 +2038,8 @@ class NetAudioBuffer extends BasicAudioSource {
     toString() {
         return "Indexed db audio buffer. Channels: " + this.channelCount + ", sample rate: " + this.sampleRate + ", chunk frame length: " + this._chunkFrameLen + ", number of chunks: " + this.chunkCount + ", frame length: " + this.frameLen + ", sealed: " + this.sealed();
     }
-    static fromChunkAudioBuffer(aCtx, recordingsService, baseUrl, ab, frameLen, orgFetchChunkFrameLen = ab.length) {
-        let nab = new NetAudioBuffer(aCtx, recordingsService, baseUrl, ab.numberOfChannels, ab.sampleRate, ab.length, frameLen, null, orgFetchChunkFrameLen);
+    static fromChunkAudioBuffer(recordingsService, baseUrl, ab, frameLen, orgFetchChunkFrameLen = ab.length) {
+        let nab = new NetAudioBuffer(recordingsService, baseUrl, ab.numberOfChannels, ab.sampleRate, ab.length, frameLen, null, orgFetchChunkFrameLen);
         nab.ready();
         return nab;
     }
@@ -2086,7 +2082,7 @@ class NetRandomAccessAudioStream {
     }
     chunk(baseUrl, ci, cb, errCb) {
         let startFrame = ci * this._netAb.orgFetchChunkFrameLen;
-        this._netAb.recFileService.chunkAudioRequest(this._netAb.audioContext, baseUrl, startFrame, this._netAb.orgFetchChunkFrameLen).subscribe({
+        this._netAb.recFileService.chunkAudioRequest(baseUrl, startFrame, this._netAb.orgFetchChunkFrameLen).subscribe({
             next: (chDl) => {
                 if (chDl) {
                     const ab = chDl.decodedAudioBuffer;
@@ -2493,6 +2489,87 @@ class NetAudioBufferSourceNode extends AudioSourceNode {
     }
 }
 
+class AudioContextProvider {
+    static audioContextInstance() {
+        var _a;
+        if (!this._audioContext) {
+            let debugFail = false;
+            if (!window.AudioContext || typeof window.AudioContext !== 'function' || debugFail) {
+                this._audioContext = null;
+                throw new Error('Browser does not support Web Audio API!');
+            }
+            else {
+                console.debug("Get new audio context...");
+                this._audioContext = new window.AudioContext();
+                console.debug("Created new audio context.");
+                this._audioContext.addEventListener('statechange', () => {
+                    var _a;
+                    console.debug("Audio context state changed: " + ((_a = this._audioContext) === null || _a === void 0 ? void 0 : _a.state));
+                });
+                console.debug("Created new audio context with state: " + ((_a = this._audioContext) === null || _a === void 0 ? void 0 : _a.state));
+            }
+        }
+        return this._audioContext;
+    }
+    // public static audioContextInstanceRunning(audioContext?:AudioContext):Promise<AudioContext>{
+    //
+    //     return new Promise<AudioContext>((resolve,reject)=>{
+    //       let aCtx=audioContext?audioContext:AudioContextProvider.audioContextInstance();
+    //       if(aCtx) {
+    //         if(aCtx.state==='closed') {
+    //           reject(new Error('Audio context already closed.'));
+    //         }else if(aCtx.state==='running') {
+    //           resolve(aCtx);
+    //         }else{
+    //           aCtx.resume().then(() => {
+    //             if(aCtx) {
+    //               resolve(aCtx);
+    //             }else{
+    //               reject(new Error('Could not get audio context'));
+    //             }
+    //           }).catch(() => {
+    //             reject(new Error('Could not resume audio context'));
+    //           })
+    //         }
+    //       }else{
+    //         reject(new Error('Could not get audio context from browser'));
+    //       }
+    //   });
+    // }
+    // public static decodeAudioData(data:ArrayBuffer,audioContext?:AudioContext):Promise<AudioBuffer>{
+    //   return new Promise<AudioBuffer>((resolve,reject)=>{
+    //     // decodeAudioData requires an audio context in running state
+    //     AudioContextProvider.audioContextInstanceRunning(audioContext).then(
+    //       (aCtx)=>{
+    //         // Do not use Promise version, which does not work with Safari 13
+    //         aCtx.decodeAudioData(data,decodedData => {
+    //           resolve(decodedData);
+    //         },(reason) => {
+    //           reject(reason);
+    //         });
+    //       }
+    //     ).catch((reason)=>{
+    //       reject(reason);
+    //     })
+    //   })
+    // }
+    static decodeAudioData(data) {
+        return new Promise((resolve, reject) => {
+            if (!this._offlineAudioContext) {
+                this._offlineAudioContext = new OfflineAudioContext(1, 44100, 44100);
+            }
+            // Do not use Promise version, which does not work with Safari 13
+            this._offlineAudioContext.decodeAudioData(data, decodedData => {
+                resolve(decodedData);
+            }, (reason) => {
+                reject(reason);
+            });
+        });
+    }
+}
+AudioContextProvider._audioContext = null;
+AudioContextProvider._offlineAudioContext = null;
+
 var EventType;
 (function (EventType) {
     EventType[EventType["CLOSED"] = 0] = "CLOSED";
@@ -2516,8 +2593,9 @@ class AudioPlayerEvent {
     }
 }
 class AudioPlayer {
-    constructor(context, listener) {
+    constructor(listener) {
         this.running = false;
+        this.context = null;
         this.ready = false;
         this._audioClip = null;
         this._audioSource = null;
@@ -2525,7 +2603,6 @@ class AudioPlayer {
         this.sourceAudioWorkletNode = null;
         this.playStartTime = null;
         this.timerVar = null;
-        this.context = context;
         this.listener = listener;
         this.bufSize = AudioPlayer.DEFAULT_BUFSIZE;
         this.n = navigator;
@@ -2542,15 +2619,23 @@ class AudioPlayer {
         this._stopAction = new Action('Stop');
         this._stopAction.disabled = true;
         this._stopAction.onAction = () => this.stop();
-        this.context.addEventListener('statechange', (ev) => {
-            if (this.context.state !== 'running') {
-                this.stop();
-            }
-        });
     }
     get autoPlayOnSelectToggleAction() {
         return this._autoPlayOnSelectToggleAction;
     }
+    _audioContext() {
+        if (!this.context) {
+            this.context = AudioContextProvider.audioContextInstance();
+            if (this.context) {
+                this.context.addEventListener('statechange', (ev) => {
+                    if (this.context && this.context.state !== 'running') {
+                        this.stop();
+                    }
+                });
+            }
+        }
+        return this.context;
+    }
     get startAction() {
         return this._startAction;
     }
@@ -2569,9 +2654,9 @@ class AudioPlayer {
             chs = audioDataHolder.numberOfChannels;
             if (chs > 0) {
                 length = audioDataHolder.frameLen;
-                if (chs > this.context.destination.maxChannelCount) {
-                    // TODO exception
-                }
+                //if (chs > this.context.destination.maxChannelCount) {
+                //    // TODO exception
+                //}
             }
             this.audioSource = audioDataHolder.audioSource;
             audioClip.addSelectionObserver((ac) => {
@@ -2591,16 +2676,11 @@ class AudioPlayer {
     set audioSource(value) {
         this.stop();
         this._audioSource = value;
-        if (this._audioSource && this.context) {
-            if (this._audioSource instanceof AudioBufferSource) {
-                this.ready = true;
-                this.updateStartActions();
-                if (this.listener) {
-                    this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.READY));
-                }
-            }
-            else {
-                this._loadSourceWorkletAndInitStart();
+        if (this._audioSource) {
+            this.ready = true;
+            this.updateStartActions();
+            if (this.listener) {
+                this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.READY));
             }
         }
         else {
@@ -2612,24 +2692,27 @@ class AudioPlayer {
         }
     }
     _loadSourceWorkletAndInitStart() {
-        AudioSourceWorkletModuleLoader.loadModule(this.context).then(() => {
-            //console.debug("Player ready. ( by Player::_loadSourceWorkletAndInitStart()");
-            this.ready = true;
-            this.updateStartActions();
-            if (this.listener) {
-                this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.READY));
-            }
-        }).catch((error) => {
-            this.ready = false;
-            this.updateStartActions();
-            if (this.listener) {
-                this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.CLOSED));
-            }
-            console.error('Could not add module ' + error);
-        });
+        if (this.context) {
+            AudioSourceWorkletModuleLoader.loadModule(this.context).then(() => {
+                //console.debug("Player ready. ( by Player::_loadSourceWorkletAndInitStart()");
+                this.ready = true;
+                this.updateStartActions();
+                if (this.listener) {
+                    this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.READY));
+                }
+            }).catch((error) => {
+                this.ready = false;
+                this.updateStartActions();
+                if (this.listener) {
+                    this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.CLOSED));
+                }
+                console.error('Could not add module ' + error);
+            });
+        }
     }
     _startAudioSourceWorkletNode() {
-        if (this.sourceAudioWorkletNode) {
+        this._loadSourceWorkletAndInitStart();
+        if (this.context && this.sourceAudioWorkletNode) {
             this.sourceAudioWorkletNode.onprocessorerror = (ev) => {
                 let msg = 'Unknwon error';
                 if (ev instanceof ErrorEvent) {
@@ -2656,16 +2739,25 @@ class AudioPlayer {
         }
     }
     start() {
-        if (!this._startAction.disabled && !this.running) {
-            if (this.context.state !== 'running') {
-                this.context.resume().then(() => {
+        this._audioContext();
+        if (this.context) {
+            if (!this._startAction.disabled && !this.running) {
+                if (this.context.state === 'suspended') {
+                    this.context.resume().then(() => {
+                        this._start();
+                    }).catch((reason) => {
+                        console.error(reason.message());
+                        throw reason;
+                    });
+                }
+                else if (this.context.state === 'closed') {
+                    const msg = 'Error: Cannot start playback. Audio context is already closed!';
+                    console.error(msg);
+                    throw new Error(msg);
+                }
+                else {
                     this._start();
-                }).catch((reason) => {
-                    console.error('Could not resume audio context: ' + reason);
-                });
-            }
-            else {
-                this._start();
+                }
             }
         }
     }
@@ -2690,9 +2782,12 @@ class AudioPlayer {
         }
     }
     startSelectionDisabled() {
-        return !(this._audioClip && this.context && !this.startAction.disabled && this._audioClip.selection);
+        return !(this._audioClip && !this.startAction.disabled && this._audioClip.selection);
     }
     _start(playSelection = false) {
+        if (!this.context) {
+            throw new Error("Could not get audio context!");
+        }
         if (this._audioSource instanceof AudioBufferSource) {
             this.sourceBufferNode = this.context.createBufferSource();
             this.sourceBufferNode.buffer = this._audioSource.audioBuffer;
@@ -2723,68 +2818,90 @@ class AudioPlayer {
             }
         }
         else if (this._audioSource instanceof ArrayAudioBuffer || this._audioSource instanceof IndexedDbAudioBuffer || this._audioSource instanceof NetAudioBuffer) {
-            this.playStartTime = null;
-            if (this._audioSource instanceof ArrayAudioBuffer) {
-                const aabsn = new ArrayAudioBufferSourceNode(this.context);
-                aabsn.arrayAudioBuffer = this._audioSource;
-                this.sourceAudioWorkletNode = aabsn;
-            }
-            else if (this._audioSource instanceof IndexedDbAudioBuffer) {
-                const iasn = new IndexedDbAudioBufferSourceNode(this.context);
-                iasn.inddbAudioBuffer = this._audioSource;
-                this.sourceAudioWorkletNode = iasn;
-            }
-            else if (this._audioSource instanceof NetAudioBuffer) {
-                const nabsn = new NetAudioBufferSourceNode(this.context);
-                nabsn.netAudioBuffer = this._audioSource;
-                this.sourceAudioWorkletNode = nabsn;
-            }
-            if (this.sourceAudioWorkletNode) {
-                this.sourceAudioWorkletNode.onprocessorerror = (ev) => {
-                    let msg = 'Unknwon error';
-                    if (ev instanceof ErrorEvent) {
-                        msg = ev.message;
+            AudioSourceWorkletModuleLoader.loadModule(this.context).then(() => {
+                this.playStartTime = null;
+                if (this.context) {
+                    if (this._audioSource instanceof ArrayAudioBuffer) {
+                        const aabsn = new ArrayAudioBufferSourceNode(this.context);
+                        aabsn.arrayAudioBuffer = this._audioSource;
+                        this.sourceAudioWorkletNode = aabsn;
                     }
-                    console.error("Audio source worklet error: " + msg);
-                    if (this.listener) {
-                        this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.ERROR));
+                    else if (this._audioSource instanceof IndexedDbAudioBuffer) {
+                        const iasn = new IndexedDbAudioBufferSourceNode(this.context);
+                        iasn.inddbAudioBuffer = this._audioSource;
+                        this.sourceAudioWorkletNode = iasn;
+                    }
+                    else if (this._audioSource instanceof NetAudioBuffer) {
+                        const nabsn = new NetAudioBufferSourceNode(this.context);
+                        nabsn.netAudioBuffer = this._audioSource;
+                        this.sourceAudioWorkletNode = nabsn;
+                    }
+                    if (this.sourceAudioWorkletNode) {
+                        this.sourceAudioWorkletNode.onprocessorerror = (ev) => {
+                            let msg = 'Unknwon error';
+                            if (ev instanceof ErrorEvent) {
+                                msg = ev.message;
+                            }
+                            console.error("Audio source worklet error: " + msg);
+                            if (this.listener) {
+                                this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.ERROR));
+                            }
+                        };
+                        this.sourceAudioWorkletNode.connect(this.context.destination); // this already starts playing
+                        this.sourceAudioWorkletNode.onended = () => this.onended();
+                        this.running = true;
+                        const ac = this._audioClip;
+                        let offset = 0;
+                        if (playSelection && ac && ac.selection) {
+                            const s = ac.selection;
+                            const sr = ac.audioDataHolder.sampleRate;
+                            offset = s.leftFrame / sr;
+                            const stopPosInsecs = s.rightFrame / sr;
+                            const dur = stopPosInsecs - offset;
+                            this.sourceAudioWorkletNode.start(0, offset, dur);
+                        }
+                        else {
+                            this.sourceAudioWorkletNode.start();
+                        }
+                        //this.playStartTime = this.context.currentTime - offset;
+                        this._startAction.disabled = true;
+                        this._startSelectionAction.disabled = true;
+                        this._stopAction.disabled = false;
+                        if (this.listener) {
+                            this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.STARTED));
+                        }
                     }
-                };
-                this.sourceAudioWorkletNode.connect(this.context.destination); // this already starts playing
-                this.sourceAudioWorkletNode.onended = () => this.onended();
-                this.running = true;
-                const ac = this._audioClip;
-                let offset = 0;
-                if (playSelection && ac && ac.selection) {
-                    const s = ac.selection;
-                    const sr = ac.audioDataHolder.sampleRate;
-                    offset = s.leftFrame / sr;
-                    const stopPosInsecs = s.rightFrame / sr;
-                    const dur = stopPosInsecs - offset;
-                    this.sourceAudioWorkletNode.start(0, offset, dur);
-                }
-                else {
-                    this.sourceAudioWorkletNode.start();
                 }
-                //this.playStartTime = this.context.currentTime - offset;
-                this._startAction.disabled = true;
-                this._startSelectionAction.disabled = true;
-                this._stopAction.disabled = false;
+            }).catch((error) => {
+                console.error(error.message);
+                this.ready = false;
+                this.updateStartActions();
                 if (this.listener) {
-                    this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.STARTED));
+                    this.listener.audioPlayerUpdate(new AudioPlayerEvent(EventType.CLOSED));
                 }
-            }
+                throw error;
+            });
         }
     }
     startSelected() {
+        this._audioContext();
+        if (!this.context) {
+            throw new Error("Could not get audio context!");
+        }
         if (!this._startAction.disabled && !this.running) {
-            if (this.context.state !== 'running') {
+            if (this.context.state === 'suspended') {
                 this.context.resume().then(() => {
                     this._start(true);
                 }).catch((reason) => {
-                    console.error('Could not resume audio context: ' + reason);
+                    console.error(reason.message);
+                    throw reason;
                 });
             }
+            else if (this.context.state === 'closed') {
+                const msg = 'Error: Cannot start playback of selection. Audio context is already closed!';
+                console.error(msg);
+                throw new Error(msg);
+            }
             else {
                 this._start(true);
             }
@@ -2821,7 +2938,7 @@ class AudioPlayer {
     }
     get playPositionTime() {
         let ppt = null;
-        if (this.playStartTime !== null) {
+        if (this.context && this.playStartTime !== null) {
             ppt = this.context.currentTime - this.playStartTime;
         }
         else if (this.sourceAudioWorkletNode) {
@@ -3163,8 +3280,10 @@ const awpStr = "class AudioCaptureInterceptorProcessor extends AudioWorkletProce
     "\n" +
     "registerProcessor('capture-interceptor',AudioCaptureInterceptorProcessor);\n";
 class AudioCapture {
-    constructor(context) {
+    //private context:AudioContext|null=null;
+    constructor() {
         this._maxAutoNetMemStoreSamples = AudioCapture.DEFAULT_MAX_NET_AUTO_MEM_STORE_SAMPLES;
+        this.context = null;
         this._recUUID = null;
         this.agcStatus = null;
         this.bufferingNode = null;
@@ -3179,13 +3298,7 @@ class AudioCapture {
         this.persisted = true;
         this.persistError = null;
         this.inddbAudioBuffer = null;
-        this.context = context;
         this.n = navigator;
-        this.context.addEventListener('statechange', () => {
-            if (this.context.state !== 'running') {
-                this.close();
-            }
-        });
     }
     get maxAutoNetMemStoreSamples() {
         return this._maxAutoNetMemStoreSamples;
@@ -3214,6 +3327,19 @@ class AudioCapture {
     get opened() {
         return this._opened;
     }
+    _audioContext() {
+        if (!this.context) {
+            this.context = AudioContextProvider.audioContextInstance();
+            if (this.context) {
+                this.context.addEventListener('statechange', () => {
+                    if (this.context && this.context.state !== 'running') {
+                        this.close();
+                    }
+                });
+            }
+        }
+        return this.context;
+    }
     initData() {
         if (!this._recUUID) {
             this._recUUID = UUID.generate();
@@ -3328,119 +3454,137 @@ class AudioCapture {
         }
     }
     addCaptureInterceptor() {
-        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 chunk = new Array(chs);
-                    const samples = this.framesRecorded * chs;
-                    if ((AudioStorageType.MEM_ENTIRE_AUTO_NET_CHUNKED === this.audioStorageType || AudioStorageType.MEM_CHUNKED_AUTO_NET_CHUNKED === this.audioStorageType) && this.data && samples > this._maxAutoNetMemStoreSamples) {
-                        this.data = null;
-                    }
-                    //console.debug("Data initialized: "+(this.data!=null));
-                    for (let ch = 0; ch < chs; ch++) {
-                        //console.debug("Data ch initialized: "+(this.data !=null && this.data[ch] !=null));
-                        if (ch < this.channelCount) {
-                            if (dt.data[ch]) {
-                                let fa = new Float32Array(dt.data[ch]);
-                                if (this.data && this.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;
-                                }
-                            }
+        if (this.context) {
+            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);
                         }
-                    }
-                    if (this.audioOutStream) {
-                        try {
-                            this.audioOutStream.write(chunk);
-                            // // Random test error:
-                            // if(Math.random()>0.98) {
-                            //   throw new Error('Test');
-                            // }
+                        let chunk = new Array(chs);
+                        const samples = this.framesRecorded * chs;
+                        if ((AudioStorageType.MEM_ENTIRE_AUTO_NET_CHUNKED === this.audioStorageType || AudioStorageType.MEM_CHUNKED_AUTO_NET_CHUNKED === this.audioStorageType) && this.data && samples > this._maxAutoNetMemStoreSamples) {
+                            this.data = null;
                         }
-                        catch (err) {
-                            if (err instanceof Error) {
-                                this.persistError = err;
-                            }
-                            else {
-                                this.persistError = new Error('Error handling recorded audio data');
+                        //console.debug("Data initialized: "+(this.data!=null));
+                        for (let ch = 0; ch < chs; ch++) {
+                            //console.debug("Data ch initialized: "+(this.data !=null && this.data[ch] !=null));
+                            if (ch < this.channelCount) {
+                                if (dt.data[ch]) {
+                                    let fa = new Float32Array(dt.data[ch]);
+                                    if (this.data && this.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;
+                                    }
+                                }
                             }
-                            console.error("Capture error: " + err);
+                        }
+                        if (this.audioOutStream) {
                             try {
-                                this.stop();
-                            }
-                            catch (err2) {
-                                console.error("Capture next error (ignored): " + err2);
+                                this.audioOutStream.write(chunk);
+                                // // Random test error:
+                                // if(Math.random()>0.98) {
+                                //   throw new Error('Test');
+                                // }
                             }
-                            finally {
-                                if (this.listener) {
-                                    let errExpl = '';
-                                    if (err instanceof DOMException) {
-                                        errExpl = ': ' + err.name + ': ' + err.message;
-                                    }
-                                    this.listener.error("Could not handle recorded audio data" + errExpl, "Please try to record again.");
+                            catch (err) {
+                                if (err instanceof Error) {
+                                    this.persistError = err;
                                 }
                                 else {
-                                    this.close();
+                                    this.persistError = new Error('Error handling recorded audio data');
+                                }
+                                console.error("Capture error: " + err);
+                                try {
+                                    this.stop();
+                                }
+                                catch (err2) {
+                                    console.error("Capture next error (ignored): " + err2);
+                                }
+                                finally {
+                                    if (this.listener) {
+                                        let errExpl = '';
+                                        if (err instanceof DOMException) {
+                                            errExpl = ': ' + err.name + ': ' + err.message;
+                                        }
+                                        this.listener.error("Could not handle recorded audio data" + errExpl, "Please try to record again.");
+                                    }
+                                    else {
+                                        this.close();
+                                    }
                                 }
                             }
                         }
+                        if (AudioStorageType.DB_CHUNKED === this._audioStorageType && this._persistentAudioStorageTarget) {
+                            this.store();
+                        }
                     }
-                    if (AudioStorageType.DB_CHUNKED === this._audioStorageType && this._persistentAudioStorageTarget) {
-                        this.store();
-                    }
-                }
-            };
-        }
-        // Tried to fix that Safari does not record the second channel
-        // Does not help
-        //awn.channelCount=this.channelCount;
-        //awn.channelCountMode='explicit';
-        //console.debug('Channel count explicitly set to '+this.channelCount);
-        this.bufferingNode = awn;
-        //this.bufferingNode.channelCount=this.channelCount;
-        this._opened = true;
-        if (this.listener) {
-            this.listener.opened();
+                };
+            }
+            // Tried to fix that Safari does not record the second channel
+            // Does not help
+            //awn.channelCount=this.channelCount;
+            //awn.channelCountMode='explicit';
+            //console.debug('Channel count explicitly set to '+this.channelCount);
+            this.bufferingNode = awn;
+            //this.bufferingNode.channelCount=this.channelCount;
+            this._opened = true;
+            if (this.listener) {
+                this.listener.opened();
+            }
         }
     }
-    open(channelCount, selDeviceId, autoGainControlConfigs) {
+    open(channelCount, selDeviceId, autoGainControlConfigs, allowEchoCancellation) {
         //console.debug("Capture open: ctx state: "+this.context.state);
-        if (this.context.state !== 'running') {
+        this.context = this._audioContext();
+        if (!this.context) {
+            throw new Error("Could not get audio context!");
+        }
+        if (this.context.state === 'suspended') {
             //console.debug("Capture open: Resume context");
             this.context.resume().then(() => {
                 //console.debug("Capture open (ctx resumed): ctx state: "+this.context.state);
-                this._open(channelCount, selDeviceId, autoGainControlConfigs);
+                this._open(channelCount, selDeviceId, autoGainControlConfigs, allowEchoCancellation);
+            }).catch((err) => {
+                console.error(err.message);
+                throw err;
             });
         }
+        else if (this.context.state === 'closed') {
+            const msg = 'Error on start capture: The audio context is already closed.';
+            console.error(msg);
+            throw new Error(msg);
+        }
         else {
-            this._open(channelCount, selDeviceId, autoGainControlConfigs);
+            this._open(channelCount, selDeviceId, autoGainControlConfigs, allowEchoCancellation);
         }
     }
-    _open(channelCount, selDeviceId, autoGainControlConfigs) {
+    _open(channelCount, selDeviceId, autoGainControlConfigs, allowEchoCancellation) {
         this.channelCount = channelCount;
         this.framesRecorded = 0;
+        this.context = this._audioContext();
+        if (!this.context) {
+            throw new Error("Could not get audio context!");
+        }
         //var msc = new AudioStreamConstr();
         // var msc={};
         //msc.video = false;
@@ -3548,7 +3692,7 @@ class AudioCapture {
                 audio: {
                     deviceId: selDeviceId,
                     channelCount: channelCount,
-                    //echoCancellation: false
+                    echoCancellation: allowEchoCancellation ? undefined : false
                 },
                 video: false,
             };
@@ -3559,106 +3703,109 @@ class AudioCapture {
         console.debug("Audio capture, AGC: " + this.agcStatus);
         let ump = navigator.mediaDevices.getUserMedia(msc);
         ump.then((s) => {
-            this.stream = s;
-            let aTracks = s.getAudioTracks();
-            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();
-                // Typescript lib.dom.ts MediaTrackSettings.channelCount is missing
-                // https://github.com/mdn/browser-compat-data/blob/5493d8f937e05b2ddbd41b99f5bdfad4a1f2ed85/api/MediaTrackSettings.json
-                //@ts-ignore
-                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++) {
-                let vTrack = vTracks[i];
-                console.info("Track video info: id: " + vTrack.id + " kind: " + vTrack.kind + " label: " + vTrack.label);
-            }
-            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;
-            console.info("Source audio node: channels: " + streamChannelCount + " samplerate: " + this.currentSampleRate);
-            if (this.audioOutStream) {
-                this.audioOutStream.setFormat(this.channelCount, this.currentSampleRate);
-            }
-            // W3C  -> new name is createScriptProcessor
-            //
-            // 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
-            // Update 06-2021
-            //  AudioWorkletProcessor is here to stay. Web Audio API has now Recommendation status !
-            if (this.context.audioWorklet) {
-                //const workletFileName = ('file-loader!./interceptor_worklet.js');
-                //const workletFileName = 'http://localhost:4200/assets/interceptor_worklet.js';
-                //console.log(awpStr);
-                if (AudioCapture.captureInterceptorModuleRegistered) {
-                    // Required capture interceptor module already registered
-                    this.addCaptureInterceptor();
-                }
-                else {
-                    // Register capture interceptor module
-                    let audioWorkletModuleBlob = new Blob([awpStr], { type: 'text/javascript' });
-                    let audioWorkletModuleBlobUrl = window.URL.createObjectURL(audioWorkletModuleBlob);
-                    this.context.audioWorklet.addModule(audioWorkletModuleBlobUrl).then(() => {
-                        AudioCapture.captureInterceptorModuleRegistered = true;
+            if (this.context) {
+                this.stream = s;
+                let aTracks = s.getAudioTracks();
+                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();
+                    // Typescript lib.dom.ts MediaTrackSettings.channelCount is missing
+                    // https://github.com/mdn/browser-compat-data/blob/5493d8f937e05b2ddbd41b99f5bdfad4a1f2ed85/api/MediaTrackSettings.json
+                    //@ts-ignore
+                    console.info("Track audio settings: Ch cnt: " + mtrSts.channelCount + ", AGC: " + mtrSts.autoGainControl + ", Echo cancell.: " + mtrSts.echoCancellation);
+                    if (mtrSts.autoGainControl) {
+                        this.agcStatus = mtrSts.autoGainControl;
+                    }
+                    console.debug("Echo cancellation: " + mtrSts.echoCancellation);
+                }
+                let vTracks = s.getVideoTracks();
+                for (let i = 0; i < vTracks.length; i++) {
+                    let vTrack = vTracks[i];
+                    console.info("Track video info: id: " + vTrack.id + " kind: " + vTrack.kind + " label: " + vTrack.label);
+                }
+                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;
+                console.info("Source audio node: channels: " + streamChannelCount + " samplerate: " + this.currentSampleRate);
+                if (this.audioOutStream) {
+                    this.audioOutStream.setFormat(this.channelCount, this.currentSampleRate);
+                }
+                // W3C  -> new name is createScriptProcessor
+                //
+                // 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
+                // Update 06-2021
+                //  AudioWorkletProcessor is here to stay. Web Audio API has now Recommendation status !
+                if (this.context.audioWorklet) {
+                    //const workletFileName = ('file-loader!./interceptor_worklet.js');
+                    //const workletFileName = 'http://localhost:4200/assets/interceptor_worklet.js';
+                    //console.log(awpStr);
+                    if (AudioCapture.captureInterceptorModuleRegistered) {
+                        // Required capture interceptor module already registered
                         this.addCaptureInterceptor();
-                    }).catch((error) => {
-                        console.log('Could not add module ' + error);
-                    });
+                    }
+                    else {
+                        // Register capture interceptor module
+                        let audioWorkletModuleBlob = new Blob([awpStr], { type: 'text/javascript' });
+                        let audioWorkletModuleBlobUrl = window.URL.createObjectURL(audioWorkletModuleBlob);
+                        this.context.audioWorklet.addModule(audioWorkletModuleBlobUrl).then(() => {
+                            AudioCapture.captureInterceptorModuleRegistered = true;
+                            this.addCaptureInterceptor();
+                        }).catch((error) => {
+                            console.log('Could not add module ' + error);
+                        });
+                    }
                 }
-            }
-            else if (this.context.createScriptProcessor) {
-                // The ScriptProcessorNode Interface - DEPRECATED Only as fallback
-                // TODO should we use streamChannelCount or channelCount here ?
-                let scriptProcessorNode = this.context.createScriptProcessor(AudioCapture.BUFFER_SIZE, streamChannelCount, streamChannelCount);
-                this.bufferingNode = scriptProcessorNode;
-                let c = 0;
-                if (scriptProcessorNode.onaudioprocess) {
-                    scriptProcessorNode.onaudioprocess = (e) => {
-                        if (this.capturing) {
-                            let inBuffer = e.inputBuffer;
-                            // 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);
-                                if (this.data) {
-                                    this.data[ch].push(chSamplesCopy);
+                else if (this.context.createScriptProcessor) {
+                    // The ScriptProcessorNode Interface - DEPRECATED Only as fallback
+                    // TODO should we use streamChannelCount or channelCount here ?
+                    let scriptProcessorNode = this.context.createScriptProcessor(AudioCapture.BUFFER_SIZE, streamChannelCount, streamChannelCount);
+                    this.bufferingNode = scriptProcessorNode;
+                    let c = 0;
+                    if (scriptProcessorNode.onaudioprocess) {
+                        scriptProcessorNode.onaudioprocess = (e) => {
+                            if (this.capturing) {
+                                let inBuffer = e.inputBuffer;
+                                // 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);
+                                    if (this.data) {
+                                        this.data[ch].push(chSamplesCopy);
+                                    }
+                                    if (DEBUG_TRACE_LEVEL > 8) {
+                                        console.debug("Process " + chSamplesCopy.length + " samples.");
+                                    }
+                                    this.framesRecorded += chSamplesCopy.length;
                                 }
-                                if (DEBUG_TRACE_LEVEL > 8) {
-                                    console.debug("Process " + chSamplesCopy.length + " samples.");
+                                c++;
+                                if (this.audioOutStream) {
+                                    this.audioOutStream.write(currentBuffers);
                                 }
-                                this.framesRecorded += chSamplesCopy.length;
-                            }
-                            c++;
-                            if (this.audioOutStream) {
-                                this.audioOutStream.write(currentBuffers);
                             }
+                        };
+                        this._opened = true;
+                        if (this.listener) {
+                            this.listener.opened();
                         }
-                    };
-                    this._opened = true;
-                    if (this.listener) {
-                        this.listener.opened();
+                    }
+                    else {
+                        this.listener.error('Browser does not support audio processing (ScriptProcessor.onaudioprocess method not found)!');
                     }
                 }
                 else {
-                    this.listener.error('Browser does not support audio processing (ScriptProcessor.onaudioprocess method not found)!');
+                    this.listener.error('Browser does not support audio processing (neither AudioWorkletProcessor nor ScriptProcessor)!');
                 }
             }
-            else {
-                this.listener.error('Browser does not support audio processing (neither AudioWorkletProcessor nor ScriptProcessor)!');
-            }
         }, (e) => {
             console.error(e + " Error name: " + e.name);
             if (this.listener) {
@@ -3679,36 +3826,42 @@ class AudioCapture {
         });
     }
     _start() {
-        this.initData();
-        if (this.audioOutStream) {
-            this.audioOutStream.nextStream();
-        }
-        this.capturing = true;
-        if (this.bufferingNode) {
-            this.mediaStream.connect(this.bufferingNode);
-            this.bufferingNode.connect(this.context.destination);
-        }
-        if (this.listener) {
-            this.listener.started();
+        if (this.context) {
+            this.initData();
+            if (this.audioOutStream) {
+                this.audioOutStream.nextStream();
+            }
+            this.capturing = true;
+            if (this.bufferingNode) {
+                this.mediaStream.connect(this.bufferingNode);
+                this.bufferingNode.connect(this.context.destination);
+            }
+            if (this.listener) {
+                this.listener.started();
+            }
         }
     }
     start() {
-        const aSt = this.context.state;
-        if (aSt === 'running') {
-            this._start();
-        }
-        else {
-            console.debug("Capture start: audio context not running, state: " + aSt + ", resuming...");
-            this.context.resume().then(() => {
-                console.debug("Capture start: audio context resumed, starting...");
+        if (this.context) {
+            const aSt = this.context.state;
+            if (aSt === 'running') {
                 this._start();
-            });
+            }
+            else {
+                console.debug("Capture start: audio context not running, state: " + aSt + ", resuming...");
+                this.context.resume().then(() => {
+                    console.debug("Capture start: audio context resumed, starting...");
+                    this._start();
+                });
+            }
         }
     }
     stop() {
         if (this.disconnectStreams && this.bufferingNode) {
             this.mediaStream.disconnect(this.bufferingNode);
-            this.bufferingNode.disconnect(this.context.destination);
+            if (this.context) {
+                this.bufferingNode.disconnect(this.context.destination);
+            }
         }
         try {
             if (this.audioOutStream) {
@@ -3831,7 +3984,7 @@ class AudioCapture {
     }
     audioBuffer() {
         let ab = null;
-        if (this.data) {
+        if (this.context && this.data) {
             let frameLen = 0;
             let ch0Data = this.data[0];
             for (let ch0Chk of ch0Data) {
@@ -9027,7 +9180,7 @@ let BasicRecordingService = class BasicRecordingService {
             withCredentials: this.withCredentials
         });
     }
-    chunkAudioRequest(aCtx, baseAudioUrl, startFrame = 0, frameLength) {
+    chunkAudioRequest(baseAudioUrl, startFrame = 0, frameLength) {
         let ausps = new URLSearchParams();
         ausps.set('startFrame', startFrame.toString());
         ausps.set('frameLength', frameLength.toString());
@@ -9059,12 +9212,12 @@ let BasicRecordingService = class BasicRecordingService {
                         //   console.error("Could not read WAVE format of original download chunk!");
                         // }
                         if (pcmFmt && orgFl) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then((ab) => {
                                 //console.debug("Decoded audio chunk frames: "+ab.length);
                                 let chDl = new ChunkDownload(pcmFmt, orgFl, ab);
                                 observer.next(chDl);
                                 observer.complete();
-                            }, error => {
+                            }).catch(error => {
                                 //if(error instanceof HttpErrorResponse) {
                                 // if (error.status == 404) {
                                 //   // Interpret not as an error, the file ist not recorded yet
@@ -9100,7 +9253,7 @@ let BasicRecordingService = class BasicRecordingService {
         });
         return obs;
     }
-    chunkAudioRequestToNetAudioBuffer(aCtx, baseAudioUrl, startFrame = 0, orgSampleRate, seconds, frames) {
+    chunkAudioRequestToNetAudioBuffer(baseAudioUrl, startFrame = 0, orgSampleRate, seconds, frames) {
         //let audioUrl=baseAudioUrl+'?startFrame='+startFrame+'&frameLength='+frameLength;
         //let audioUrl=new URL(baseAudioUrl);
         // if(orgSampleRate!=null && frameLength%orgSampleRate>0){
@@ -9124,7 +9277,7 @@ let BasicRecordingService = class BasicRecordingService {
                     if (resp.body) {
                         //console.debug("chunkAudioRequestTonetAb: subscriber.closed: "+subscriber.closed);
                         //console.debug("chunkAudioRequestTonetAb: Audio file bytes: "+resp.body.byteLength);
-                        aCtx.decodeAudioData(resp.body, ab => {
+                        AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                             //console.debug("chunkAudioRequestTonetAb: Decoded audio chunk frames for netAb: "+ab.length);
                             //console.debug("chunkAudioRequestTonetAb: Create netAb ab from chunk ab...");
                             if (frames === null) {
@@ -9138,7 +9291,7 @@ let BasicRecordingService = class BasicRecordingService {
                                         //console.debug("Platform sr: "+ab.sampleRate+", file sr: "+orgSampleRate+", decoded/org frame length: "+fl+"/"+frames+", ab.length: "+ab.length);
                                     }
                                 }
-                                let nab = NetAudioBuffer.fromChunkAudioBuffer(aCtx, this, baseAudioUrl, ab, fl, frameLength);
+                                let nab = NetAudioBuffer.fromChunkAudioBuffer(this, baseAudioUrl, ab, fl, frameLength);
                                 //let rp=new ReadyProvider();
                                 //nab.readyProvider=rp;
                                 //rp.ready();
@@ -9150,7 +9303,7 @@ let BasicRecordingService = class BasicRecordingService {
                                 subscriber.next(nab);
                                 subscriber.complete();
                             }
-                        }, error => {
+                        }).catch(error => {
                             console.error('chunkAudioRequestToNetAb: error: ' + error);
                             //if(error instanceof HttpErrorResponse) {
                             subscriber.error(error);
@@ -9258,7 +9411,7 @@ class RecordingService extends BasicRecordingService {
             withCredentials: this.withCredentials
         });
     }
-    chunkAudioRequestToIndDb(aCtx, persistentAudioStorageTarget, inddbAudioBuffer, baseAudioUrl, startFrame = 0, orgSampleRate, seconds) {
+    chunkAudioRequestToIndDb(persistentAudioStorageTarget, inddbAudioBuffer, baseAudioUrl, startFrame = 0, orgSampleRate, seconds) {
         //let audioUrl=baseAudioUrl+'?startFrame='+startFrame+'&frameLength='+frameLength;
         //let audioUrl=new URL(baseAudioUrl);
         let frameLength = orgSampleRate * Math.round(seconds); // Important: multiple of original sample rate to prevent numeric rounding errors on resampling. 10 seconds is a good value for ind db storage.
@@ -9277,7 +9430,7 @@ class RecordingService extends BasicRecordingService {
                     if (resp.body) {
                         //console.debug("chunkAudioRequestToIndDb: subscriber.closed: "+subscriber.closed);
                         //console.debug("chunkAudioRequestToIndDb: Audio file bytes: "+resp.body.byteLength);
-                        aCtx.decodeAudioData(resp.body, ab => {
+                        AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                             //console.debug("chunkAudioRequestToIndDb: Decoded audio chunk frames for inddb: "+ab.length);
                             if (!inddbAudioBuffer) {
                                 //console.debug("chunkAudioRequestToIndDb: Create inddb ab from chunk ab...");
@@ -9321,7 +9474,7 @@ class RecordingService extends BasicRecordingService {
                                     }
                                 });
                             }
-                        }, error => {
+                        }).catch(error => {
                             console.error('chunkAudioRequestToIndDb: error: ' + error);
                             //if(error instanceof HttpErrorResponse) {
                             subscriber.error(error);
@@ -9329,8 +9482,9 @@ class RecordingService extends BasicRecordingService {
                         });
                     }
                     else {
-                        console.error('chunkAudioRequestToIndDb: Fetching audio file: response has no body');
-                        subscriber.error('chunkAudioRequestToIndDb: Fetching audio file: response has no body');
+                        const errMsg = 'chunkAudioRequestToIndDb: Fetching audio file: response has no body';
+                        console.error(errMsg);
+                        subscriber.error(new Error(errMsg));
                     }
                 },
                 error: (error) => {
@@ -9342,13 +9496,13 @@ class RecordingService extends BasicRecordingService {
         });
         return obs;
     }
-    chunkedAudioRequestToArrayBuffer(aCtx, baseAudioUrl, orgSampleRate, seconds) {
+    chunkedAudioRequestToArrayBuffer(baseAudioUrl, orgSampleRate, seconds) {
         let obs = new Observable(subscriber => {
             let arrayAudioBuffer = null;
             let startFrame = 0;
             let frameLength = orgSampleRate * Math.round(seconds); // Important: multiple of original sample rate to prevent numeric rounding errors on resampling.
             //console.debug("Chunk audio request startFrame 0");
-            let subscr = this.chunkAudioRequest(aCtx, baseAudioUrl, startFrame, frameLength).pipe(expand(value => {
+            let subscr = this.chunkAudioRequest(baseAudioUrl, startFrame, frameLength).pipe(expand(value => {
                 if (subscriber.closed) {
                     subscr.unsubscribe();
                 }
@@ -9367,7 +9521,7 @@ class RecordingService extends BasicRecordingService {
                             startFrame += frameLength;
                             //console.debug("Next start frame: "+startFrame);
                             //console.debug("chunkedAudioRequest: expand() subscriber.closed: "+subscriber.closed);
-                            return this.chunkAudioRequest(aCtx, baseAudioUrl, startFrame, frameLength);
+                            return this.chunkAudioRequest(baseAudioUrl, startFrame, frameLength);
                         }
                     }
                     else {
@@ -9437,14 +9591,14 @@ class RecordingService extends BasicRecordingService {
         });
         return obs;
     }
-    chunkedInddbAudioRequest(aCtx, persistentAudioStorageTarget, baseAudioUrl, orgSampleRate, seconds) {
+    chunkedInddbAudioRequest(persistentAudioStorageTarget, baseAudioUrl, orgSampleRate, seconds) {
         let obs = new Observable(subscriber => {
             let inddbAudioBuffer = null;
             let startFrame = 0;
             //let frameLength = DEFAULT_CHUNKED_DOWNLOAD_FRAMELENGTH;
             let frameLength = orgSampleRate * Math.round(seconds);
             //console.debug("chunkedInddbAudioRequest: Chunk audio request for inddb. startFrame: "+startFrame);
-            let subscr = this.chunkAudioRequestToIndDb(aCtx, persistentAudioStorageTarget, null, baseAudioUrl, startFrame, orgSampleRate, seconds).pipe(expand(iab => {
+            let subscr = this.chunkAudioRequestToIndDb(persistentAudioStorageTarget, null, baseAudioUrl, startFrame, orgSampleRate, seconds).pipe(expand(iab => {
                 // console.debug("chunkedInddbAudioRequest (pipe/expand): Got inddb ab: "+iab);
                 if (subscriber.closed) {
                     subscr.unsubscribe();
@@ -9465,7 +9619,7 @@ class RecordingService extends BasicRecordingService {
                         startFrame += frameLength;
                         //console.debug("Next start frame: "+startFrame);
                         //console.debug("chunkedInddbAudioRequest: expand() subscriber.closed: "+subscriber.closed);
-                        return this.chunkAudioRequestToIndDb(aCtx, persistentAudioStorageTarget, inddbAudioBuffer, baseAudioUrl, startFrame, orgSampleRate, seconds);
+                        return this.chunkAudioRequestToIndDb(persistentAudioStorageTarget, inddbAudioBuffer, baseAudioUrl, startFrame, orgSampleRate, seconds);
                     }
                     // } else {
                     //   return EMPTY;
@@ -9657,7 +9811,7 @@ class RecordingService extends BasicRecordingService {
     //   //let recUrl=new URL(recUrlStr);
     //   return this.chunkedInddbAudioRequest(aCtx,recUrlStr);
     // }
-    fetchRecordingFileAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchRecordingFileAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             let recFileId = recordingFile.recordingFileId;
             if (!recFileId) {
@@ -9669,10 +9823,10 @@ class RecordingService extends BasicRecordingService {
                     next: resp => {
                         // Do not use Promise version, which does not work with Safari 13 (13.0.5)
                         if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                 observer.next(ab);
                                 observer.complete();
-                            }, error => {
+                            }).catch(error => {
                                 observer.error(error);
                                 observer.complete();
                             });
@@ -9717,7 +9871,7 @@ class RecordingService extends BasicRecordingService {
                         //console.log("Fetched audio file. HTTP response status: "+resp.status+", type: "+resp.type+", byte length: "+ resp.body.byteLength);
                         // Do not use Promise version, which does not work with Safari 13 (13.0.5)
                         if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                 let abs = new AudioBufferSource(ab);
                                 let adh = new AudioDataHolder(abs);
                                 RecordingFileUtils.setAudioData(recordingFile, adh);
@@ -9731,7 +9885,7 @@ class RecordingService extends BasicRecordingService {
                                     observer.next(recordingFile);
                                     observer.complete();
                                 }
-                            }, error => {
+                            }).catch(error => {
                                 observer.error(error);
                                 observer.complete();
                             });
@@ -9764,7 +9918,7 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchSprRecordingFileAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchSprRecordingFileAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let obs = this.fetchSprAudiofile(projectName, recordingFile.session, recordingFile.itemCode, recordingFile.version);
@@ -9772,11 +9926,11 @@ class RecordingService extends BasicRecordingService {
                     next: resp => {
                         // Do not use Promise version, which does not work with Safari 13 (13.0.5)
                         if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                 //RecordingFileUtils.setAudioData(recordingFile,new AudioDataHolder(ab,null));
                                 observer.next(ab);
                                 observer.complete();
-                            }, error => {
+                            }).catch(error => {
                                 observer.error(error);
                                 observer.complete();
                             });
@@ -9804,14 +9958,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchSprRecordingFileArrayAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchSprRecordingFileArrayAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.sprAudioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     if (recordingFile.samplerate) {
                         let lengthInSeconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
-                        let obs = this.chunkedAudioRequestToArrayBuffer(aCtx, baseUrl, recordingFile.samplerate, lengthInSeconds);
+                        let obs = this.chunkedAudioRequestToArrayBuffer(baseUrl, recordingFile.samplerate, lengthInSeconds);
                         //let obs = this.fetchSprAudiofileArrayBuffer(aCtx,projectName, recordingFile.session, recordingFile.itemCode, recordingFile.version);
                         let subscr = obs.subscribe({
                             next: aab => {
@@ -9848,14 +10002,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchRecordingFileArrayAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchRecordingFileArrayAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.audioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     if (recordingFile.samplerate) {
                         let lengthInSeconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
-                        let obs = this.chunkedAudioRequestToArrayBuffer(aCtx, baseUrl, recordingFile.samplerate, lengthInSeconds);
+                        let obs = this.chunkedAudioRequestToArrayBuffer(baseUrl, recordingFile.samplerate, lengthInSeconds);
                         //let obs = this.fetchSprAudiofileArrayBuffer(aCtx,projectName, recordingFile.session, recordingFile.itemCode, recordingFile.version);
                         let subscr = obs.subscribe({
                             next: aab => {
@@ -9892,14 +10046,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchSprRecordingFileIndDbAudioBuffer(aCtx, persistentAudioStorageTarget, projectName, recordingFile) {
+    fetchSprRecordingFileIndDbAudioBuffer(persistentAudioStorageTarget, projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.sprAudioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     if (recordingFile.samplerate) {
                         let lengthInSeconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
-                        let obs = this.chunkedInddbAudioRequest(aCtx, persistentAudioStorageTarget, baseUrl, recordingFile.samplerate, lengthInSeconds);
+                        let obs = this.chunkedInddbAudioRequest(persistentAudioStorageTarget, baseUrl, recordingFile.samplerate, lengthInSeconds);
                         let subscr = obs.subscribe({
                             next: aab => {
                                 //console.debug("fetchSprRecordingFileIndDbAudioBuffer: observer.closed: "+observer.closed);
@@ -9935,14 +10089,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchRecordingFileIndDbAudioBuffer(aCtx, persistentAudioStorageTarget, projectName, recordingFile) {
+    fetchRecordingFileIndDbAudioBuffer(persistentAudioStorageTarget, projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.audioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     if (recordingFile.samplerate) {
                         let lengthInSeconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
-                        let obs = this.chunkedInddbAudioRequest(aCtx, persistentAudioStorageTarget, baseUrl, recordingFile.samplerate, lengthInSeconds);
+                        let obs = this.chunkedInddbAudioRequest(persistentAudioStorageTarget, baseUrl, recordingFile.samplerate, lengthInSeconds);
                         let subscr = obs.subscribe({
                             next: aab => {
                                 //console.debug("fetchSprRecordingFileIndDbAudioBuffer: observer.closed: "+observer.closed);
@@ -9978,14 +10132,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchSprRecordingFileNetAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchSprRecordingFileNetAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.sprAudioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     let seconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                     if (recordingFile.samplerate) {
-                        let obs = this.chunkAudioRequestToNetAudioBuffer(aCtx, baseUrl, 0, recordingFile.samplerate, seconds, recordingFile.frames);
+                        let obs = this.chunkAudioRequestToNetAudioBuffer(baseUrl, 0, recordingFile.samplerate, seconds, recordingFile.frames);
                         let subscr = obs.subscribe({
                             next: aab => {
                                 //console.debug("fetchSprRecordingFileIndDbAudioBuffer: observer.closed: "+observer.closed);
@@ -10026,14 +10180,14 @@ class RecordingService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchRecordingFileNetAudioBuffer(aCtx, projectName, recordingFile) {
+    fetchRecordingFileNetAudioBuffer(projectName, recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let baseUrl = this.audioFileUrl(projectName, recordingFile);
                 if (baseUrl) {
                     let seconds = RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                     if (recordingFile.samplerate) {
-                        let obs = this.chunkAudioRequestToNetAudioBuffer(aCtx, baseUrl, 0, recordingFile.samplerate, seconds, recordingFile.frames);
+                        let obs = this.chunkAudioRequestToNetAudioBuffer(baseUrl, 0, recordingFile.samplerate, seconds, recordingFile.frames);
                         let subscr = obs.subscribe({
                             next: aab => {
                                 //console.debug("fetchSprRecordingFileIndDbAudioBuffer: observer.closed: "+observer.closed);
@@ -10083,7 +10237,7 @@ class RecordingService extends BasicRecordingService {
                         //console.log("Fetched audio file. HTTP response status: "+resp.status+", type: "+resp.type+", byte length: "+ resp.body.byteLength);
                         // Do not use Promise version, which does not work with Safari 13 (13.0.5)
                         if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                 let abs = new AudioBufferSource(ab);
                                 RecordingFileUtils.setAudioData(recordingFile, new AudioDataHolder(abs));
                                 if (this.debugDelay > 0) {
@@ -10096,7 +10250,7 @@ class RecordingService extends BasicRecordingService {
                                     observer.next(recordingFile);
                                     observer.complete();
                                 }
-                            }, error => {
+                            }).catch(error => {
                                 observer.error(error);
                                 observer.complete();
                             });
@@ -10128,9 +10282,8 @@ class RecordingService extends BasicRecordingService {
         let wobs = new Observable(observer => {
             let obs = this.fetchSprAudiofile(projectName, sessId, itemcode, version);
             obs.subscribe({ next: resp => {
-                    // Do not use Promise version, which does not work with Safari 13
                     if (resp.body) {
-                        aCtx.decodeAudioData(resp.body, ab => {
+                        AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                             let abs = new AudioBufferSource(ab);
                             let adh = new AudioDataHolder(abs);
                             let rf = new SprRecordingFile(sessId, itemcode, version, adh);
@@ -10144,7 +10297,7 @@ class RecordingService extends BasicRecordingService {
                                 observer.next(rf);
                                 observer.complete();
                             }
-                        });
+                        }).catch((reason) => { observer.error(reason); });
                     }
                     else {
                         observer.error();
@@ -10181,23 +10334,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     }] }];
     } });
 
-class AudioContextProvider {
-    static audioContextInstance() {
-        if (!this._audioContext) {
-            let debugFail = false;
-            if (!window.AudioContext || typeof window.AudioContext !== 'function' || debugFail) {
-                throw new Error('Browser does not support Web Audio API!');
-                this._audioContext = null;
-            }
-            else {
-                this._audioContext = new window.AudioContext();
-            }
-        }
-        return this._audioContext;
-    }
-}
-AudioContextProvider._audioContext = null;
-
 class Item {
     constructor(_promptAsString, _training, _recording) {
         this._promptAsString = _promptAsString;
@@ -12073,6 +12209,7 @@ let BasicRecorder = class BasicRecorder extends ResponsiveComponent {
         this._wakeLock = false;
         this._selectedDeviceId = undefined;
         this._channelCount = 2;
+        this._allowEchoCancellation = false;
         this._session = null;
         this._recordingFile = null;
         this.startedDate = null;
@@ -12114,6 +12251,12 @@ let BasicRecorder = class BasicRecorder extends ResponsiveComponent {
         this.streamLevelMeasure = new StreamLevelMeasure();
         this.selCaptureDeviceId = null;
     }
+    get allowEchoCancellation() {
+        return this._allowEchoCancellation;
+    }
+    set allowEchoCancellation(value) {
+        this._allowEchoCancellation = value;
+    }
     get maxAutoNetMemStoreSamples() {
         return this._maxAutoNetMemStoreSamples;
     }
@@ -12499,7 +12642,7 @@ let BasicRecorder = class BasicRecorder extends ResponsiveComponent {
                 else {
                     console.log("Open session with default audio device for " + this._channelCount + " channels");
                 }
-                this.ac.open(this._channelCount, this._selectedDeviceId, this._autoGainControlConfigs);
+                this.ac.open(this._channelCount, this._selectedDeviceId, this._autoGainControlConfigs, this._allowEchoCancellation);
             }
             else {
                 this.ac.start();
@@ -12859,6 +13002,7 @@ class SessionManager extends BasicRecorder {
         this.bpo = bpo;
         this.renderer = renderer;
         this.recFileService = recFileService;
+        this.offlineAudioContext = null;
         this.enableUploadRecordings = true;
         this.enableDownloadRecordings = false;
         this.status = 0 /* BLOCKED */;
@@ -12915,37 +13059,58 @@ class SessionManager extends BasicRecorder {
         this.transportActions.nextAction.disabled = true;
         this.transportActions.pauseAction.disabled = true;
         this.playStartAction.disabled = true;
-        let context = null;
-        try {
-            context = AudioContextProvider.audioContextInstance();
-        }
-        catch (err) {
-            this.status = 9 /* ERROR */;
-            let errMsg = 'Unknown error';
-            if (err instanceof Error) {
-                errMsg = err.message;
-            }
-            this.statusMsg = 'ERROR: ' + errMsg;
-            this.statusAlertType = 'error';
-            this.dialog.open(MessageDialog, {
-                data: {
-                    type: 'error',
-                    title: 'Error',
-                    msg: errMsg,
-                    advice: 'Please use a supported browser.',
-                }
-            });
-            return;
-        }
-        if (context) {
-            console.info("State of audio context: " + context.state);
+        // let context:AudioContext|null=null;
+        // try {
+        //   context = AudioContextProvider.audioContextInstance();
+        // } catch (err) {
+        //   this.status = Status.ERROR;
+        //   let errMsg = 'Unknown error';
+        //   if(err instanceof Error){
+        //     errMsg=err.message;
+        //   }
+        //   this.statusMsg = 'ERROR: ' + errMsg;
+        //   this.statusAlertType = 'error';
+        //   this.dialog.open(MessageDialog, {
+        //     data: {
+        //       type: 'error',
+        //       title: 'Error',
+        //       msg: errMsg,
+        //       advice: 'Please use a supported browser.',
+        //     }
+        //   });
+        //   return;
+        // }
+        // if(context) {
+        //   console.info("State of audio context: " + context.state)
+        // }else{
+        //   console.info("No audio context available!");
+        // }
+        // if (!context || !navigator.mediaDevices) {
+        //   this.status = Status.ERROR;
+        //   let errMsg = 'Browser does not support Media streams!';
+        //   this.statusMsg = 'ERROR: ' + errMsg;
+        //   this.statusAlertType = 'error';
+        //   this.dialog.open(MessageDialog, {
+        //     data: {
+        //       type: 'error',
+        //       title: 'Error',
+        //       msg: errMsg,
+        //       advice: 'Please use a supported browser.',
+        //     }
+        //   });
+        //   return;
+        // } else {
+        this.ac = new AudioCapture();
+        if (this.ac) {
+            this.transportActions.startAction.onAction = () => this.startItem();
+            this.ac.listener = this;
+            this.configureStreamCaptureStream();
+            // Don't list the devices here. If we do not have audio permissions we only get anonymized devices without labels.
+            //this.ac.listDevices();
         }
         else {
-            console.info("No audio context available!");
-        }
-        if (!context || !navigator.mediaDevices) {
-            this.status = 9 /* ERROR */;
-            let errMsg = 'Browser does not support Media streams!';
+            this.transportActions.startAction.disabled = true;
+            let errMsg = 'Browser does not support Media/Audio API!';
             this.statusMsg = 'ERROR: ' + errMsg;
             this.statusAlertType = 'error';
             this.dialog.open(MessageDialog, {
@@ -12958,38 +13123,13 @@ class SessionManager extends BasicRecorder {
             });
             return;
         }
-        else {
-            this.ac = new AudioCapture(context);
-            if (this.ac) {
-                this.transportActions.startAction.onAction = () => this.startItem();
-                this.ac.listener = this;
-                this.configureStreamCaptureStream();
-                // Don't list the devices here. If we do not have audio permissions we only get anonymized devices without labels.
-                //this.ac.listDevices();
-            }
-            else {
-                this.transportActions.startAction.disabled = true;
-                let errMsg = 'Browser does not support Media/Audio API!';
-                this.statusMsg = 'ERROR: ' + errMsg;
-                this.statusAlertType = 'error';
-                this.dialog.open(MessageDialog, {
-                    data: {
-                        type: 'error',
-                        title: 'Error',
-                        msg: errMsg,
-                        advice: 'Please use a supported browser.',
-                    }
-                });
-                return;
-            }
-            this.transportActions.stopAction.onAction = () => this.stopItem();
-            this.transportActions.nextAction.onAction = () => this.stopItem();
-            this.transportActions.pauseAction.onAction = () => this.pauseItem();
-            this.transportActions.fwdAction.onAction = () => this.nextItem();
-            this.transportActions.fwdNextAction.onAction = () => this.nextUnrecordedItem();
-            this.transportActions.bwdAction.onAction = () => this.prevItem();
-            this.playStartAction.onAction = () => { var _a; return (_a = this.controlAudioPlayer) === null || _a === void 0 ? void 0 : _a.start(); };
-        }
+        this.transportActions.stopAction.onAction = () => this.stopItem();
+        this.transportActions.nextAction.onAction = () => this.stopItem();
+        this.transportActions.pauseAction.onAction = () => this.pauseItem();
+        this.transportActions.fwdAction.onAction = () => this.nextItem();
+        this.transportActions.fwdNextAction.onAction = () => this.nextUnrecordedItem();
+        this.transportActions.bwdAction.onAction = () => this.prevItem();
+        this.playStartAction.onAction = () => { var _a; return (_a = this.controlAudioPlayer) === null || _a === void 0 ? void 0 : _a.start(); };
         this.startStopSignalState = 4 /* OFF */;
     }
     onKeyPress(ke) {
@@ -13296,7 +13436,7 @@ class SessionManager extends BasicRecorder {
                             }
                             else {
                                 //console.debug("Fetch audio and store to indexed db...");
-                                this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileIndDbAudioBuffer(this._controlAudioPlayer.context, this._persistentAudioStorageTarget, this._session.project, rf).subscribe({
+                                this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileIndDbAudioBuffer(this._persistentAudioStorageTarget, this._session.project, rf).subscribe({
                                     next: (iab) => {
                                         //console.debug("Sessionmanager: Received inddb audio buffer: "+iab);
                                         nextIab = iab;
@@ -13338,7 +13478,7 @@ class SessionManager extends BasicRecorder {
                             // Fetch chunked audio buffer from network
                             let nextNetAb = null;
                             //console.debug("Fetch chunked audio from network");
-                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileNetAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileNetAudioBuffer(this._session.project, rf).subscribe({
                                 next: (netAb) => {
                                     //console.debug("Sessionmanager: Received net audio buffer: "+netAb);
                                     nextNetAb = netAb;
@@ -13380,7 +13520,7 @@ class SessionManager extends BasicRecorder {
                             // Fetch chunked array audio buffer
                             let nextAab = null;
                             //console.debug("Fetch audio and store to (chunked) array buffer...");
-                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileArrayAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileArrayAudioBuffer(this._session.project, rf).subscribe({
                                 next: (aab) => {
                                     nextAab = aab;
                                 },
@@ -13418,7 +13558,7 @@ class SessionManager extends BasicRecorder {
                         else {
                             // Fetch regular audio buffer
                             //console.debug("Fetch audio and store to audio buffer...");
-                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                            this.audioFetchSubscription = this.recFileService.fetchSprRecordingFileAudioBuffer(this._session.project, rf).subscribe({
                                 next: (ab) => {
                                     this.liveLevelDisplayState = State.READY;
                                     let fabDh = null;
@@ -13806,7 +13946,7 @@ class SessionManager extends BasicRecorder {
                         const sr = this.ac.currentSampleRate;
                         const chFl = sr * RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                         //console.debug("stopped(): rfID: "+this._recordingFile?.recordingFileId+", net ab url: " + burl+", frames: "+this.ac.framesRecorded+", sample rate: "+sr);
-                        let netAb = new NetAudioBuffer(this.ac.context, this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
+                        let netAb = new NetAudioBuffer(this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
                         as = netAb;
                         if (this.uploadSet) {
                             //let rp=new ReadyProvider();
@@ -13853,7 +13993,7 @@ class SessionManager extends BasicRecorder {
                             const sr = this.ac.currentSampleRate;
                             const chFl = sr * RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                             //console.debug("stopped(): rfID: "+this._recordingFile?.recordingFileId+", net ab url: " + burl+", frames: "+this.ac.framesRecorded+", sample rate: "+sr);
-                            const netAb = new NetAudioBuffer(this.ac.context, this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
+                            const netAb = new NetAudioBuffer(this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
                             as = netAb;
                             if (this.uploadSet) {
                                 this.uploadSet.onDone = (uploadSet) => {
@@ -13891,8 +14031,8 @@ class SessionManager extends BasicRecorder {
                 // TODO could we avoid conversion to save CPU resources and transfer float PCM directly?
                 // TODO duplicate conversion for manual download
                 //console.log("Build wav writer...");
-                this.processingRecording = true;
                 if (ab) {
+                    this.processingRecording = true;
                     let ww = new WavWriter();
                     //new REST API URL
                     let apiEndPoint = '';
@@ -14405,18 +14545,10 @@ class SpeechrecorderngComponent extends RecorderComponent {
         console.error(errMsg);
     }
     ngOnInit() {
-        try {
-            let audioContext = AudioContextProvider.audioContextInstance();
-            if (audioContext) {
-                this.controlAudioPlayer = new AudioPlayer(audioContext, this);
-            }
-            this.sm.controlAudioPlayer = this.controlAudioPlayer;
-            this.sm.statusAlertType = 'info';
-            this.sm.statusMsg = 'Player initialized.';
-        }
-        catch (err) {
-            this.handleError(err);
-        }
+        this.controlAudioPlayer = new AudioPlayer(this);
+        this.sm.controlAudioPlayer = this.controlAudioPlayer;
+        this.sm.statusAlertType = 'info';
+        this.sm.statusMsg = 'Player initialized.';
     }
     ngAfterViewInit() {
         // let wakeLockSupp=('wakeLock' in navigator);
@@ -14673,6 +14805,9 @@ class SpeechrecorderngComponent extends RecorderComponent {
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
             this.sm.autoGainControlConfigs = project.autoGainControlConfigs;
+            if (project.allowEchoCancellation !== undefined) {
+                this.sm.allowEchoCancellation = project.allowEchoCancellation;
+            }
             if (project.chunkedRecording === true) {
                 console.debug("Enable chunked upload: chunkSize: " + BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS);
                 this.sm.uploadChunkSizeSeconds = BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS;
@@ -14769,10 +14904,8 @@ class AudioDisplayPlayer {
         this.ref = ref;
         this.eRef = eRef;
         this._audioUrl = null;
-        this.aCtx = null;
         this._audioClip = null;
         this.currentLoader = null;
-        //console.log("constructor: "+this.ac);
         this.parentE = this.eRef.nativeElement;
         this.playStartAction = new Action("Start");
         this.playSelectionAction = new Action("Play selected");
@@ -14780,26 +14913,19 @@ class AudioDisplayPlayer {
         this.status = "Player created.";
     }
     ngOnInit() {
-        //console.log("OnInit: "+this.ac);
         this.zoomSelectedAction = this.audioDisplayScrollPane.zoomSelectedAction;
         this.zoomFitToPanelAction = this.audioDisplayScrollPane.zoomFitToPanelAction;
         this.zoomOutAction = this.audioDisplayScrollPane.zoomOutAction;
         this.zoomInAction = this.audioDisplayScrollPane.zoomInAction;
-        try {
-            this.aCtx = AudioContextProvider.audioContextInstance();
-            if (this.aCtx) {
-                this.ap = new AudioPlayer(this.aCtx, this);
-            }
-        }
-        catch (err) {
-            if (err instanceof Error) {
-                this.status = err.message;
-            }
-        }
+        this.ap = new AudioPlayer(this);
     }
     ngAfterViewInit() {
-        if (this.aCtx && this.ap) {
-            this.playStartAction.onAction = () => { var _a; return (_a = this.ap) === null || _a === void 0 ? void 0 : _a.start(); };
+        if (this.ap) {
+            this.playStartAction.onAction = () => {
+                var _a;
+                console.debug("Start action, player: " + this.ap);
+                (_a = this.ap) === null || _a === void 0 ? void 0 : _a.start();
+            };
             this.playSelectionAction.onAction = () => { var _a; return (_a = this.ap) === null || _a === void 0 ? void 0 : _a.startSelected(); };
             this.playStopAction.onAction = () => { var _a; return (_a = this.ap) === null || _a === void 0 ? void 0 : _a.stop(); };
         }
@@ -14864,15 +14990,12 @@ class AudioDisplayPlayer {
         //console.debug("Loaded");
         this.status = 'Audio file loaded.';
         //console.debug("Received data ", data.byteLength);
-        // Do not use Promise version, which does not work with Safari 13
-        if (this.aCtx) {
-            this.aCtx.decodeAudioData(data, (audioBuffer) => {
-                //console.debug("Audio Buffer Samplerate: ", audioBuffer.sampleRate)
-                let as = new AudioBufferSource(audioBuffer);
-                let adh = new AudioDataHolder(as);
-                this.audioClip = new AudioClip(adh);
-            });
-        }
+        AudioContextProvider.decodeAudioData(data).then(audioBuffer => {
+            //console.debug("Audio Buffer Samplerate: ", audioBuffer.sampleRate)
+            let as = new AudioBufferSource(audioBuffer);
+            let adh = new AudioDataHolder(as);
+            this.audioClip = new AudioClip(adh);
+        });
     }
     set audioData(audioData) {
         this.audioDisplayScrollPane.audioData = audioData;
@@ -15132,14 +15255,13 @@ class RecordingFileService extends BasicRecordingService {
         });
     }
     // TODO test
-    fetchAndApplyRecordingFile(aCtx, recordingFile) {
+    fetchAndApplyRecordingFile(recordingFile) {
         let wobs = new Observable(observer => {
             if (recordingFile.recordingFileId) {
                 let obs = this.fetchAudiofile(recordingFile.recordingFileId);
                 obs.subscribe({ next: resp => {
-                        // Do not use Promise version, which does not work with Safari 13
                         if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                 let as = new AudioBufferSource(ab);
                                 RecordingFileUtils.setAudioData(recordingFile, new AudioDataHolder(as));
                                 if (this.debugDelay > 0) {
@@ -15152,7 +15274,7 @@ class RecordingFileService extends BasicRecordingService {
                                     observer.next(recordingFile);
                                     observer.complete();
                                 }
-                            });
+                            }).catch(reason => { observer.error(reason); });
                         }
                         else {
                             observer.error('Received no audio data!');
@@ -15192,7 +15314,7 @@ class RecordingFileService extends BasicRecordingService {
                         next: resp => {
                             // Do not use Promise version, which does not work with Safari 13
                             if (resp.body) {
-                                aCtx.decodeAudioData(resp.body, ab => {
+                                AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                     if (rf) {
                                         let as = new AudioBufferSource(ab);
                                         RecordingFileUtils.setAudioData(rf, new AudioDataHolder(as));
@@ -15210,7 +15332,7 @@ class RecordingFileService extends BasicRecordingService {
                                         observer.next(rf);
                                         observer.complete();
                                     }
-                                });
+                                }).catch(reason => { observer.error(reason); });
                             }
                             else {
                                 observer.error('Received no audio data');
@@ -15234,7 +15356,7 @@ class RecordingFileService extends BasicRecordingService {
         });
         return wobs;
     }
-    fetchSprRecordingFile(aCtx, recordingFileId) {
+    fetchSprRecordingFile(recordingFileId) {
         let wobs = new Observable(observer => {
             let rf = null;
             let rfDescrObs = this.sprRecordingFileDescrObserver(recordingFileId);
@@ -15251,7 +15373,7 @@ class RecordingFileService extends BasicRecordingService {
                     // TODO use download storage type depending on sample count of file
                     if (rf && rf.samplerate && sampleCnt != null && sampleCnt > this._maxAutoNetMemStoreSamples) {
                         const baseUrl = this.recoFileUrl(recordingFileId);
-                        const obNetAb = this.chunkAudioRequestToNetAudioBuffer(aCtx, baseUrl, 0, rf === null || rf === void 0 ? void 0 : rf.samplerate, BasicRecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS, rf.frames);
+                        const obNetAb = this.chunkAudioRequestToNetAudioBuffer(baseUrl, 0, rf === null || rf === void 0 ? void 0 : rf.samplerate, BasicRecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS, rf.frames);
                         obNetAb.subscribe({
                             next: (nab) => {
                                 let adh = new AudioDataHolder(nab);
@@ -15282,7 +15404,7 @@ class RecordingFileService extends BasicRecordingService {
                         rfAudioObs.subscribe({ next: resp => {
                                 // Do not use Promise version, which does not work with Safari 13
                                 if (resp.body) {
-                                    aCtx.decodeAudioData(resp.body, ab => {
+                                    AudioContextProvider.decodeAudioData(resp.body).then(ab => {
                                         if (rf) {
                                             let as = new AudioBufferSource(ab);
                                             let adh = new AudioDataHolder(as);
@@ -15301,7 +15423,7 @@ class RecordingFileService extends BasicRecordingService {
                                             observer.next(rf);
                                             observer.complete();
                                         }
-                                    });
+                                    }).catch(reason => { observer.error(reason); });
                                 }
                                 else {
                                     observer.error('Received no audio data');
@@ -15461,9 +15583,9 @@ class RecordingFileMetaComponent {
     constructor() {
         this.sessionId = null;
         this._recordingFile = null;
-        this.stateLoading = false;
         this.itemCode = null;
         this.uuid = null;
+        this.stateLoading = false;
     }
     get recordingFile() {
         return this._recordingFile;
@@ -15572,7 +15694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       </mat-card-content>
     </mat-card>
   ` }]
-        }], propDecorators: { sessionId: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { sessionId: [{
                 type: Input
             }], stateLoading: [{
                 type: Input
@@ -15593,7 +15715,6 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
         this.ref = ref;
         this.eRef = eRef;
         this.dialog = dialog;
-        //protected _recordingFileId: string | number = null;
         this.sessionId = null;
         this.sessionIdFromRoute = null;
         this.availRecFiles = null;
@@ -15602,9 +15723,11 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
         this.recordingFileVersion = null;
         this.routedByQueryParam = false;
         this.posInList = null;
-        this.audioFetching = false;
-        this.naviInfoLoading = false;
         this.parentE = this.eRef.nativeElement;
+        // TODO Should be initialized with false, but this causes in debug mode:
+        // ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. Find more at https://angular.io/errors/NG0100
+        this.audioFetching = true;
+        this.naviInfoLoading = false;
         this.firstAction = new Action('First');
         this.firstAction.onAction = () => {
             this.posInList = 0;
@@ -15772,54 +15895,51 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
         this.recordingFile = null;
         this.posInList = null;
         this.updateActions();
-        let audioContext = AudioContextProvider.audioContextInstance();
-        if (audioContext) {
-            this.audioFetching = true;
-            this.recordingFileService.fetchSprRecordingFile(audioContext, rfId).subscribe({
-                next: value => {
-                    this.audioFetching = false;
-                    this.status = 'Audio file loaded.';
-                    let clip = null;
-                    this.recordingFile = value;
-                    if (this.recordingFile) {
-                        let ab = this.recordingFile.audioDataHolder;
-                        if (ab) {
-                            clip = new AudioClip(ab);
-                            let esffsr = null;
-                            let eeffsr = null;
-                            let esr = null;
-                            if (clip.audioDataHolder != null) {
-                                esr = ab.sampleRate;
-                                if (esr != null) {
-                                    esffsr = RecordingFileUtil.editStartFrameForSampleRate(this.recordingFile, esr);
-                                    eeffsr = RecordingFileUtil.editEndFrameForSampleRate(this.recordingFile, esr);
-                                }
-                                let sel = null;
-                                if (esffsr != null) {
-                                    if (eeffsr != null) {
-                                        sel = new Selection(ab.sampleRate, esffsr, eeffsr);
-                                    }
-                                    else {
-                                        //let ch0 = ab.getChannelData(0);
-                                        let frameLength = ab.frameLen;
-                                        sel = new Selection(esr, esffsr, frameLength);
-                                    }
+        this.audioFetching = true;
+        this.recordingFileService.fetchSprRecordingFile(rfId).subscribe({
+            next: value => {
+                this.audioFetching = false;
+                this.status = 'Audio file loaded.';
+                let clip = null;
+                this.recordingFile = value;
+                if (this.recordingFile) {
+                    let ab = this.recordingFile.audioDataHolder;
+                    if (ab) {
+                        clip = new AudioClip(ab);
+                        let esffsr = null;
+                        let eeffsr = null;
+                        let esr = null;
+                        if (clip.audioDataHolder != null) {
+                            esr = ab.sampleRate;
+                            if (esr != null) {
+                                esffsr = RecordingFileUtil.editStartFrameForSampleRate(this.recordingFile, esr);
+                                eeffsr = RecordingFileUtil.editEndFrameForSampleRate(this.recordingFile, esr);
+                            }
+                            let sel = null;
+                            if (esffsr != null) {
+                                if (eeffsr != null) {
+                                    sel = new Selection(ab.sampleRate, esffsr, eeffsr);
                                 }
-                                else if (eeffsr != null) {
-                                    sel = new Selection(esr, 0, eeffsr);
+                                else {
+                                    //let ch0 = ab.getChannelData(0);
+                                    let frameLength = ab.frameLen;
+                                    sel = new Selection(esr, esffsr, frameLength);
                                 }
-                                clip.selection = sel;
                             }
+                            else if (eeffsr != null) {
+                                sel = new Selection(esr, 0, eeffsr);
+                            }
+                            clip.selection = sel;
                         }
                     }
-                    this.audioClip = clip;
-                    this.loadedRecfile();
-                }, error: error1 => {
-                    this.audioFetching = false;
-                    this.status = 'Error loading audio file!';
                 }
-            });
-        }
+                this.audioClip = clip;
+                this.loadedRecfile();
+            }, error: error1 => {
+                this.audioFetching = false;
+                this.status = 'Error loading audio file!';
+            }
+        });
     }
     loadedRecfile() {
         if (this.recordingFile && !this.sessionId) {
@@ -16431,38 +16551,17 @@ class AudioRecorder extends BasicRecorder {
         this.transportActions.nextAction.disabled = true;
         this.transportActions.pauseAction.disabled = true;
         this.playStartAction.disabled = true;
-        //this.audioLoaded=false;
-        let context = null;
-        try {
-            context = AudioContextProvider.audioContextInstance();
-        }
-        catch (err) {
-            this.status = 5 /* ERROR */;
-            let errMsg = 'Unknown error';
-            if (err instanceof Error) {
-                errMsg = err.message;
-            }
-            this.statusMsg = 'ERROR: ' + errMsg;
-            this.statusAlertType = 'error';
-            this.dialog.open(MessageDialog, {
-                data: {
-                    type: 'error',
-                    title: 'Error',
-                    msg: errMsg,
-                    advice: 'Please use a supported browser.',
-                }
-            });
-            return;
-        }
-        if (context) {
-            console.info("State of audio context: " + context.state);
+        this.ac = new AudioCapture();
+        if (this.ac) {
+            this.transportActions.startAction.onAction = () => this.startItem();
+            this.ac.listener = this;
+            this.configureStreamCaptureStream();
+            // Don't list the devices here. If we do not have audio permissions we only get anonymized devices without labels.
+            //this.ac.listDevices();
         }
         else {
-            console.info("No audio context available!");
-        }
-        if (!context || !navigator.mediaDevices) {
-            this.status = 5 /* ERROR */;
-            let errMsg = 'Browser does not support Media streams!';
+            this.transportActions.startAction.disabled = true;
+            let errMsg = 'Browser does not support Media/Audio API!';
             this.statusMsg = 'ERROR: ' + errMsg;
             this.statusAlertType = 'error';
             this.dialog.open(MessageDialog, {
@@ -16475,36 +16574,10 @@ class AudioRecorder extends BasicRecorder {
             });
             return;
         }
-        else {
-            //this.controlAudioPlayer = new AudioPlayer(context, this);
-            this.ac = new AudioCapture(context);
-            if (this.ac) {
-                this.transportActions.startAction.onAction = () => this.startItem();
-                this.ac.listener = this;
-                this.configureStreamCaptureStream();
-                // Don't list the devices here. If we do not have audio permissions we only get anonymized devices without labels.
-                //this.ac.listDevices();
-            }
-            else {
-                this.transportActions.startAction.disabled = true;
-                let errMsg = 'Browser does not support Media/Audio API!';
-                this.statusMsg = 'ERROR: ' + errMsg;
-                this.statusAlertType = 'error';
-                this.dialog.open(MessageDialog, {
-                    data: {
-                        type: 'error',
-                        title: 'Error',
-                        msg: errMsg,
-                        advice: 'Please use a supported browser.',
-                    }
-                });
-                return;
-            }
-            this.transportActions.stopAction.onAction = () => this.stopItem();
-            this.transportActions.nextAction.onAction = () => this.stopItem();
-            //this.transportActions.pauseAction.onAction = () => this.pauseItem();
-            this.playStartAction.onAction = () => { var _a; return (_a = this.controlAudioPlayer) === null || _a === void 0 ? void 0 : _a.start(); };
-        }
+        this.transportActions.stopAction.onAction = () => this.stopItem();
+        this.transportActions.nextAction.onAction = () => this.stopItem();
+        //this.transportActions.pauseAction.onAction = () => this.pauseItem();
+        this.playStartAction.onAction = () => { var _a; return (_a = this.controlAudioPlayer) === null || _a === void 0 ? void 0 : _a.start(); };
         this.uploader.listener = (ue) => {
             this.uploadUpdate(ue);
         };
@@ -16613,6 +16686,9 @@ class AudioRecorder extends BasicRecorder {
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
             this.autoGainControlConfigs = project.autoGainControlConfigs;
+            if (project.allowEchoCancellation !== undefined) {
+                this.allowEchoCancellation = project.allowEchoCancellation;
+            }
             if (project.chunkedRecording === true) {
                 this.uploadChunkSizeSeconds = BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS;
             }
@@ -16813,7 +16889,7 @@ class AudioRecorder extends BasicRecorder {
                         }
                         else {
                             //console.debug("Fetch audio and store to indexed db...");
-                            this.audioFetchSubscription = this.recFileService.fetchRecordingFileIndDbAudioBuffer(this._controlAudioPlayer.context, this._persistentAudioStorageTarget, this._session.project, rf).subscribe({
+                            this.audioFetchSubscription = this.recFileService.fetchRecordingFileIndDbAudioBuffer(this._persistentAudioStorageTarget, this._session.project, rf).subscribe({
                                 next: (iab) => {
                                     //console.debug("Sessionmanager: Received inddb audio buffer: "+iab);
                                     nextIab = iab;
@@ -16856,7 +16932,7 @@ class AudioRecorder extends BasicRecorder {
                         // Fetch chunked audio buffer from network
                         let nextNetAb = null;
                         //console.debug("Fetch chunked audio from network");
-                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileNetAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileNetAudioBuffer(this._session.project, rf).subscribe({
                             next: (netAb) => {
                                 //console.debug("Sessionmanager: Received net audio buffer: "+netAb);
                                 nextNetAb = netAb;
@@ -16901,7 +16977,7 @@ class AudioRecorder extends BasicRecorder {
                         // Fetch chunked array audio buffer
                         let nextAab = null;
                         //console.debug("Fetch audio and store to (chunked) array buffer...");
-                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileArrayAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileArrayAudioBuffer(this._session.project, rf).subscribe({
                             next: (aab) => {
                                 nextAab = aab;
                             },
@@ -16938,7 +17014,7 @@ class AudioRecorder extends BasicRecorder {
                         });
                     }
                     else {
-                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileAudioBuffer(this._controlAudioPlayer.context, this._session.project, rf).subscribe({
+                        this.audioFetchSubscription = this.recFileService.fetchRecordingFileAudioBuffer(this._session.project, rf).subscribe({
                             next: ab => {
                                 this.liveLevelDisplayState = State.READY;
                                 let fabDh = null;
@@ -17078,7 +17154,7 @@ class AudioRecorder extends BasicRecorder {
         this.transportActions.pauseAction.disabled = true;
         this.statusAlertType = 'info';
         this.statusMsg = 'Recorded.';
-        let ad = null;
+        let ab = null;
         if (this.ac) {
             let adh = null;
             let as = null;
@@ -17110,7 +17186,7 @@ class AudioRecorder extends BasicRecorder {
                             const sr = this.ac.currentSampleRate;
                             const chFl = sr * RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                             //console.debug("stopped(): rfID: "+this._recordingFile?.recordingFileId+", net ab url: " + burl+", frames: "+this.ac.framesRecorded+", sample rate: "+sr);
-                            let netAs = new NetAudioBuffer(this.ac.context, this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
+                            let netAs = new NetAudioBuffer(this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
                             as = netAs;
                             if (this.uploadSet) {
                                 this.uploadSet.onDone = (uploadSet) => {
@@ -17157,7 +17233,7 @@ class AudioRecorder extends BasicRecorder {
                                 const sr = this.ac.currentSampleRate;
                                 const chFl = sr * RecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS;
                                 //console.debug("stopped(): rfID: "+this._recordingFile?.recordingFileId+", net ab url: " + burl+", frames: "+this.ac.framesRecorded+", sample rate: "+sr);
-                                let netAs = new NetAudioBuffer(this.ac.context, this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
+                                let netAs = new NetAudioBuffer(this.recFileService, burl, this.ac.channelCount, sr, chFl, this.ac.framesRecorded, rUUID, chFl);
                                 as = netAs;
                                 if (this.uploadSet) {
                                     this.uploadSet.onDone = (uploadSet) => {
@@ -17176,7 +17252,7 @@ class AudioRecorder extends BasicRecorder {
                     as = this.ac.audioBufferArray();
                 }
                 else {
-                    let ab = this.ac.audioBuffer();
+                    ab = this.ac.audioBuffer();
                     if (ab) {
                         as = new AudioBufferSource(ab);
                     }
@@ -17196,7 +17272,7 @@ class AudioRecorder extends BasicRecorder {
                 RecordingFileUtils.setAudioData(rf, adh);
                 this.recorderCombiPane.addRecFile(rf);
                 // Upload if upload enabled and not in chunked upload mode
-                if (this.enableUploadRecordings && this._uploadChunkSizeSeconds === null && rf != null && ad != null) {
+                if (this.enableUploadRecordings && this._uploadChunkSizeSeconds === null && AudioStorageType.MEM_ENTIRE === this._clientAudioStorageType && rf != null && ab != null) {
                     let apiEndPoint = '';
                     if (this.config && this.config.apiEndPoint) {
                         apiEndPoint = this.config.apiEndPoint;
@@ -17211,7 +17287,7 @@ class AudioRecorder extends BasicRecorder {
                     // TODO duplicate conversion for manual download
                     this.processingRecording = true;
                     let ww = new WavWriter();
-                    ww.writeAsync(ad, (wavFile) => {
+                    ww.writeAsync(ab, (wavFile) => {
                         this.postRecordingMultipart(wavFile, recUrl, rf);
                         this.processingRecording = false;
                         this.updateWakeLock();
@@ -17450,11 +17526,7 @@ class AudioRecorderComponent extends RecorderComponent {
         this.uploader = uploader;
     }
     ngOnInit() {
-        //super.ngOnInit();
-        let audioContext = AudioContextProvider.audioContextInstance();
-        if (audioContext) {
-            this.controlAudioPlayer = new AudioPlayer(audioContext, this.ar);
-        }
+        this.controlAudioPlayer = new AudioPlayer(this.ar);
         this.ar.controlAudioPlayer = this.controlAudioPlayer;
         //TODO Duplicate code in SpeechRecorderComponent
         window.addEventListener('beforeunload', (e) => {
@@ -17622,7 +17694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
-const VERSION = '3.4.5';
+const VERSION = '3.6.0';
 
 /*
  * Public API Surface of speechrecorderng