speechrecorderng 3.4.4 → 3.6.0

package/fesm2020/speechrecorderng.mjs

@@ -6,17 +6,15 @@ import { HttpErrorResponse, HttpHeaders, HttpClientModule } from '@angular/commo
 import { timeout } from 'rxjs/operators';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$2 from '@angular/router';
-import { RouterModule } from '@angular/router';
 import * as i4$1 from '@angular/material/checkbox';
 import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$3 from '@angular/cdk/layout';
+import * as i1$2 from '@angular/cdk/layout';
 import { Breakpoints } from '@angular/cdk/layout';
-import * as i1$4 from '@angular/material/dialog';
+import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
@@ -25,13 +23,15 @@ import * as i3$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i7 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i4$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import * as i3$2 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatGridListModule } from '@angular/material/grid-list';
 import * as i6 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i4$2 from '@angular/material/table';
+import * as i4$3 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { MatSelectModule } from '@angular/material/select';
 import { MatInputModule } from '@angular/material/input';
@@ -95,7 +95,7 @@ class Action {
                 ctrl.disabled = this.disabled;
                 this.controls.push(ctrl);
                 if (actionEventName) {
-                    ctrl.addEventListener(actionEventName, (e) => {
+                    ctrl.addEventListener(actionEventName, () => {
                         this.perform();
                     });
                 }
@@ -103,7 +103,7 @@ class Action {
         }
     }
     removeControl(ctrl) {
-        var i = this.controls.indexOf(ctrl);
+        const i = this.controls.indexOf(ctrl);
         if (i >= 0) {
             this.controls = this.controls.splice(i, 1);
         }
@@ -944,7 +944,7 @@ class ArrayAudioBufferSourceNode extends AudioSourceNode {
             }
         };
     }
-    fillBuffer(frameOffset) {
+    fillBuffer() {
         if (this._arrayAudioBuffer && this._audioInputStream && this._aisBufs) {
             let filled = this.filledFrames;
             let bufLen = 0;
@@ -1741,7 +1741,7 @@ const aswpStr = "\n" +
     "\n" +
     "          let copied=0;\n" +
     "          do{\n" +
-    "            if(this.currentAudioBufferAvail==0){\n" +
+    "            if(this.currentAudioBufferAvail===0){\n" +
     "              let nxtBuff=this.audioBuffers.shift();\n" +
     "              if(nxtBuff){\n" +
     "                this.currentAudioBuffer=nxtBuff;\n" +
@@ -1973,9 +1973,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;
@@ -1993,9 +1992,6 @@ class NetAudioBuffer extends BasicAudioSource {
     get recFileService() {
         return this._recFileService;
     }
-    get audioContext() {
-        return this._audioContext;
-    }
     get baseUrl() {
         return this._baseUrl;
     }
@@ -2033,8 +2029,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;
     }
@@ -2077,7 +2073,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;
@@ -2479,6 +2475,85 @@ class NetAudioBufferSourceNode extends AudioSourceNode {
     }
 }
 
+class AudioContextProvider {
+    static audioContextInstance() {
+        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', () => {
+                    console.debug("Audio context state changed: " + this._audioContext?.state);
+                });
+                console.debug("Created new audio context with state: " + this._audioContext?.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";
@@ -2502,8 +2577,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;
@@ -2511,7 +2587,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;
@@ -2528,15 +2603,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;
     }
@@ -2555,9 +2638,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) => {
@@ -2577,16 +2660,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 {
@@ -2598,24 +2676,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) {
@@ -2642,16 +2723,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();
+                }
             }
         }
     }
@@ -2676,9 +2766,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;
@@ -2709,68 +2802,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);
             }
@@ -2807,7 +2922,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) {
@@ -3149,8 +3264,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;
@@ -3165,13 +3282,7 @@ class AudioCapture {
         this.persisted = true;
         this.persistError = null;
         this.inddbAudioBuffer = null;
-        this.context = context;
         this.n = navigator;
-        this.context.addEventListener('statechange', (ev) => {
-            if (this.context.state !== 'running') {
-                this.close();
-            }
-        });
     }
     get maxAutoNetMemStoreSamples() {
         return this._maxAutoNetMemStoreSamples;
@@ -3200,6 +3311,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();
@@ -3314,119 +3438,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;
@@ -3534,7 +3676,7 @@ class AudioCapture {
                 audio: {
                     deviceId: selDeviceId,
                     channelCount: channelCount,
-                    //echoCancellation: false
+                    echoCancellation: allowEchoCancellation ? undefined : false
                 },
                 video: false,
             };
@@ -3545,106 +3687,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) {
@@ -3665,36 +3810,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) {
@@ -3817,7 +3968,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) {
@@ -4519,7 +4670,7 @@ class Uploader {
                     si += v.size;
                 }
                 else if (typeof v === 'string') {
-                    // encode to UT-f8 to get upload size
+                    // encode to UTF-8 to get upload size
                     si += this.te.encode().length;
                 }
             });
@@ -4557,34 +4708,37 @@ class Uploader {
         // pipe(timeout()) is not the same as xhr.timeout
         let uploadedUpload = null;
         //console.debug("Post upload: "+ul)
-        this.http.post(ul.url, ul.data, { withCredentials: this.withCredentials }).pipe(timeout(timeoVal)).subscribe(data => {
-            uploadedUpload = ul;
-            //console.debug('Next method called for upload: '+uploadedUpload)
-        }, (err) => {
-            if (err.error instanceof Error) {
-                // A client-side or network error occurred. Handle it accordingly.
-                console.error('Upload error occurred:', err.error.message);
-            }
-            else {
-                // The backend returned an unsuccessful response code.
-                // The response body may contain clues as to what went wrong,
-                console.error(`Upload error: Server returned code ${err.status}`);
-            }
-            this.processError(ul);
-        }, () => {
-            //console.debug('Upload complete method called')
-            if (uploadedUpload) {
-                if (this.DEBUG_DELAY > 0) {
-                    window.setTimeout(() => {
-                        this.uploadDone(ul);
-                    }, this.DEBUG_DELAY);
+        this.http.post(ul.url, ul.data, { withCredentials: this.withCredentials }).pipe(timeout(timeoVal)).subscribe({
+            next: (data) => {
+                uploadedUpload = ul;
+                //console.debug('Next method called for upload: '+uploadedUpload)
+            },
+            error: (err) => {
+                if (err.error instanceof Error) {
+                    // A client-side or network error occurred. Handle it accordingly.
+                    console.error('Upload error occurred:', err.error.message);
                 }
                 else {
-                    this.uploadDone(uploadedUpload);
+                    // The backend returned an unsuccessful response code.
+                    // The response body may contain clues as to what went wrong,
+                    console.error(`Upload error: Server returned code ${err.status}`);
+                }
+                this.processError(ul);
+            }, complete: () => {
+                //console.debug('Upload complete method called')
+                if (uploadedUpload) {
+                    if (this.DEBUG_DELAY > 0) {
+                        window.setTimeout(() => {
+                            this.uploadDone(ul);
+                        }, this.DEBUG_DELAY);
+                    }
+                    else {
+                        this.uploadDone(uploadedUpload);
+                    }
+                }
+                else {
+                    console.error('Upload post complete, but upload not set in next method!');
                 }
-            }
-            else {
-                console.error('Upload post complete, but upload not set in next method!');
             }
         });
     }
@@ -4599,7 +4753,7 @@ class Uploader {
         // set retry timer
         this.retryTimerId = window.setTimeout(() => {
             this.retryTimerRunning = false;
-            //console.debug("Upload retry timer exprired. Continue processing...")
+            //console.debug("Upload retry timer expired. Continue processing...")
             this.process();
         }, this.RETRY_DELAY);
         this.retryTimerRunning = true;
@@ -4693,12 +4847,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Created by klausj on 17.06.2017.
  */
 class ProjectService {
-    constructor(http, platformLoaction, config) {
+    constructor(http, platformLocation, config) {
         this.http = http;
-        this.platformLoaction = platformLoaction;
+        this.platformLocation = platformLocation;
         this.config = config;
         this.withCredentials = false;
-        console.log("Base Href: " + platformLoaction.getBaseHrefFromDOM());
+        console.log("Base Href: " + platformLocation.getBaseHrefFromDOM());
         let apiEndPoint = '';
         if (config && config.apiEndPoint) {
             apiEndPoint = config.apiEndPoint;
@@ -4781,14 +4935,17 @@ class SessionService {
         let wrapObs = new Observable(subscriber => {
             this._uploadCount++;
             let obs = this.http.patch(sesssUrl, body, { withCredentials: this.withCredentials });
-            obs.subscribe((value) => {
-                subscriber.next(value);
-            }, error => {
-                this._uploadCount--;
-                subscriber.error(error);
-            }, () => {
-                this._uploadCount--;
-                subscriber.complete();
+            obs.subscribe({
+                next: (value) => {
+                    subscriber.next(value);
+                },
+                error: error => {
+                    this._uploadCount--;
+                    subscriber.error(error);
+                }, complete: () => {
+                    this._uploadCount--;
+                    subscriber.complete();
+                }
             });
         });
         return wrapObs;
@@ -7402,7 +7559,7 @@ AudioClipUIContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
     <audio-signal [pointerPosition]="pointer" [selecting]="selecting" [selection]="selection" (pointerPositionEventEmitter)="pointerPositionChanged($event)" (selectingEventEmitter)="selectingChanged($event)" (selectedEventEmitter)="selectionChanged($event)"></audio-signal>
     <audio-sonagram [pointerPosition]="pointer" [selecting]="selecting" [selection]="selection" (pointerPositionEventEmitter)="pointerPositionChanged($event)" (selectingEventEmitter)="selectingChanged($event)" (selectedEventEmitter)="selectionChanged($event)"></audio-sonagram>
     </div>
-  `, isInline: true, styles: ["div{margin:0;padding:0;top:0;left:0;width:100%;height:100%;position:relative;box-sizing:border-box;transform:none;overflow:hidden}\n", "canvas{top:0;left:0;width:0;height:0;cursor:ns-resize;position:absolute;zIndex:1;transform:none}\n", "audio-signal{top:0;left:0;position:absolute;zIndex:1;transform:none}\n", "audio-sonagram{top:0;left:0;position:absolute;zIndex:1;transform:none}\n"], dependencies: [{ kind: "component", type: AudioSignal, selector: "audio-signal" }, { kind: "component", type: Sonagram, selector: "audio-sonagram" }] });
+  `, isInline: true, styles: ["div{margin:0;padding:0;top:0;left:0;width:100%;height:100%;position:relative;box-sizing:border-box;transform:none;overflow:hidden}\n", "canvas{top:0;left:0;width:0;height:0;cursor:ns-resize;position:absolute;z-index:1;transform:none}\n", "audio-signal{top:0;left:0;position:absolute;z-index:1;transform:none}\n", "audio-sonagram{top:0;left:0;position:absolute;z-index:1;transform:none}\n"], dependencies: [{ kind: "component", type: AudioSignal, selector: "audio-signal" }, { kind: "component", type: Sonagram, selector: "audio-sonagram" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioClipUIContainer, decorators: [{
             type: Component,
             args: [{ selector: 'app-audio', template: `
@@ -7412,7 +7569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
     <audio-signal [pointerPosition]="pointer" [selecting]="selecting" [selection]="selection" (pointerPositionEventEmitter)="pointerPositionChanged($event)" (selectingEventEmitter)="selectingChanged($event)" (selectedEventEmitter)="selectionChanged($event)"></audio-signal>
     <audio-sonagram [pointerPosition]="pointer" [selecting]="selecting" [selection]="selection" (pointerPositionEventEmitter)="pointerPositionChanged($event)" (selectingEventEmitter)="selectingChanged($event)" (selectedEventEmitter)="selectionChanged($event)"></audio-sonagram>
     </div>
-  `, styles: ["div{margin:0;padding:0;top:0;left:0;width:100%;height:100%;position:relative;box-sizing:border-box;transform:none;overflow:hidden}\n", "canvas{top:0;left:0;width:0;height:0;cursor:ns-resize;position:absolute;zIndex:1;transform:none}\n", "audio-signal{top:0;left:0;position:absolute;zIndex:1;transform:none}\n", "audio-sonagram{top:0;left:0;position:absolute;zIndex:1;transform:none}\n"] }]
+  `, styles: ["div{margin:0;padding:0;top:0;left:0;width:100%;height:100%;position:relative;box-sizing:border-box;transform:none;overflow:hidden}\n", "canvas{top:0;left:0;width:0;height:0;cursor:ns-resize;position:absolute;z-index:1;transform:none}\n", "audio-signal{top:0;left:0;position:absolute;z-index:1;transform:none}\n", "audio-sonagram{top:0;left:0;position:absolute;z-index:1;transform:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { canvasRef: [{
                 type: ViewChild,
                 args: ['divider', { static: true }]
@@ -7726,8 +7883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 class AudioDisplay {
-    constructor(route, ref, eRef) {
-        this.route = route;
+    constructor(ref, eRef) {
         this.ref = ref;
         this.eRef = eRef;
         this._audioClip = null;
@@ -7790,7 +7946,7 @@ class AudioDisplay {
         this.status = 'ERROR';
     }
 }
-AudioDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioDisplay, deps: [{ token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AudioDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioDisplay, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 AudioDisplay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AudioDisplay, selector: "app-audiodisplay", inputs: { playStartAction: "playStartAction", playStopAction: "playStopAction", playSelectionAction: "playSelectionAction", autoPlayOnSelectToggleAction: "autoPlayOnSelectToggleAction", audioData: "audioData", audioClip: "audioClip" }, viewQueries: [{ propertyName: "audioDisplayScrollPane", first: true, predicate: AudioDisplayScrollPane, descendants: true, static: true }], ngImport: i0, template: `
 
     <audio-display-scroll-pane #audioDisplayScrollPane></audio-display-scroll-pane>
@@ -7821,7 +7977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
     [zoomSelectedAction]="zoomSelectedAction"
     [zoomFitToPanelAction]="zoomFitToPanelAction"></audio-display-control>
   `, styles: [":host{display:flex;flex-direction:column;position:absolute;bottom:0;height:100%;width:100%;overflow:hidden;padding:20px;z-index:5;box-sizing:border-box;background-color:#e6e6e6}\n", "legend{margin-left:1em;padding:.2em .8em;font-size:.8em}\n", "fieldset{border:1px darkgray solid}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { playStartAction: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { playStartAction: [{
                 type: Input
             }], playStopAction: [{
                 type: Input
@@ -7852,11 +8008,11 @@ class ResponsiveComponent {
         });
     }
 }
-ResponsiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ResponsiveComponent, deps: [{ token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+ResponsiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ResponsiveComponent, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
 ResponsiveComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: ResponsiveComponent, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ResponsiveComponent, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; } });
 
 class ScrollIntoViewDirective {
     constructor(elRef) {
@@ -8536,7 +8692,7 @@ class Prompting extends ResponsiveComponent {
         this.onPrevItem.emit();
     }
 }
-Prompting.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Prompting, deps: [{ token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+Prompting.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Prompting, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
 Prompting.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: Prompting, selector: "app-sprprompting", inputs: { projectName: "projectName", startStopSignalState: "startStopSignalState", promptItem: "promptItem", showPrompt: "showPrompt", items: "items", selectedItemIdx: "selectedItemIdx", transportActions: "transportActions", enableDownload: "enableDownload", audioSignalCollapsed: "audioSignalCollapsed", displayAudioClip: "displayAudioClip", playStartAction: "playStartAction", playSelectionAction: "playSelectionAction", autoPlayOnSelectToggleAction: "autoPlayOnSelectToggleAction", playStopAction: "playStopAction" }, outputs: { onItemSelect: "onItemSelect", onNextItem: "onNextItem", onPrevItem: "onPrevItem" }, viewQueries: [{ propertyName: "simpleTrafficLight", first: true, predicate: SimpleTrafficLight, descendants: true, static: true }, { propertyName: "audioDisplay", first: true, predicate: AudioDisplay, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
 
     <app-simpletrafficlight [status]="startStopSignalState"></app-simpletrafficlight>
@@ -8585,7 +8741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 
 
   `, styles: [":host{position:relative;margin:0;padding:0;background:lightgrey;width:100%;flex:1;min-height:0px;display:flex;flex-direction:row;flex-wrap:nowrap}\n", "app-simpletrafficlight{margin:10px;min-height:0px;z-index:3}\n", "app-sprprogress{z-index:3}\n", "div{display:none;position:absolute;z-index:5}\n", "div.active{display:flex;position:absolute;bottom:0;height:90%;width:100%;overflow:hidden;padding:0;z-index:5;box-sizing:border-box;background-color:#0000}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }]; }, propDecorators: { simpleTrafficLight: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; }, propDecorators: { simpleTrafficLight: [{
                 type: ViewChild,
                 args: [SimpleTrafficLight, { static: true }]
             }], audioDisplay: [{
@@ -8636,7 +8792,7 @@ class SessionFinishedDialog {
         this.dialogRef.close();
     }
 }
-SessionFinishedDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SessionFinishedDialog, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+SessionFinishedDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SessionFinishedDialog, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
 SessionFinishedDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SessionFinishedDialog, selector: "spr-session-finished-dialog", ngImport: i0, template: `<h1 mat-dialog-title><mat-icon [style.color]="'green'">done_all</mat-icon> Session finished</h1>
   <div mat-dialog-content>
 
@@ -8646,7 +8802,7 @@ SessionFinishedDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
   <div mat-dialog-actions>
     <button mat-button (click)="closeDialog()">OK</button>
   </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SessionFinishedDialog, decorators: [{
             type: Component,
             args: [{
@@ -8662,7 +8818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
   </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
@@ -8676,7 +8832,7 @@ class MessageDialog {
         this.dialogRef.close();
     }
 }
-MessageDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MessageDialog, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+MessageDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MessageDialog, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
 MessageDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: MessageDialog, selector: "msg-dialog", ngImport: i0, template: `<h1 mat-dialog-title><mat-icon *ngIf="data.type==='error'" [style.color]="'red'">error</mat-icon>
     <mat-icon *ngIf="data.type==='warning'" [style.color]="'yellow'">warning</mat-icon>{{data.title}}</h1>
   <div mat-dialog-content>
@@ -8688,7 +8844,7 @@ MessageDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
   <div mat-dialog-actions>
     <button mat-button (click)="closeDialog()">OK</button>
   </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MessageDialog, decorators: [{
             type: Component,
             args: [{
@@ -8706,7 +8862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
   </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
@@ -8996,7 +9152,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());
@@ -9007,67 +9163,69 @@ let BasicRecordingService = class BasicRecordingService {
             ausps.set('requestUUID', UUID.generate());
         }
         let obs = new Observable(observer => {
-            this.audioRequestByURL(baseAudioUrl, ausps).subscribe(resp => {
-                // Do not use Promise version, which does not work with Safari 13 (13.0.5)
-                if (resp.body) {
-                    //console.debug("chunkAudioRequest: observer.closed: "+observer.closed);
-                    //console.debug("Audio file bytes: "+resp.body.byteLength);
-                    // Check original audio format
-                    let wr = new WavReader(resp.body);
-                    const pcmFmt = wr.readFormat();
-                    const orgFl = wr.frameLength();
-                    // if(pcmFmt){
-                    //   console.debug("Original WAVE format of download chunk: "+pcmFmt);
-                    // }else{
-                    //   console.error("Could not read WAVE format of original download chunk!");
-                    // }
-                    // if(orgFl){
-                    //   console.debug("Original frame length of download chunk: "+orgFl);
-                    // }else{
-                    //   console.error("Could not read WAVE format of original download chunk!");
-                    // }
-                    if (pcmFmt && orgFl) {
-                        aCtx.decodeAudioData(resp.body, ab => {
-                            //console.debug("Decoded audio chunk frames: "+ab.length);
-                            let chDl = new ChunkDownload(pcmFmt, orgFl, ab);
-                            observer.next(chDl);
-                            observer.complete();
-                        }, error => {
-                            //if(error instanceof HttpErrorResponse) {
-                            // if (error.status == 404) {
-                            //   // Interpret not as an error, the file ist not recorded yet
-                            //   observer.next(null);
-                            //   observer.complete()
-                            // } else {
-                            //   // all other states are errors
-                            console.error("Recordings service chunkAudioRequest error decoding audio data: " + error.name + ": " + error.message);
-                            observer.error(error);
-                            // }
-                            // }
-                        });
+            this.audioRequestByURL(baseAudioUrl, ausps).subscribe({
+                next: resp => {
+                    // Do not use Promise version, which does not work with Safari 13 (13.0.5)
+                    if (resp.body) {
+                        //console.debug("chunkAudioRequest: observer.closed: "+observer.closed);
+                        //console.debug("Audio file bytes: "+resp.body.byteLength);
+                        // Check original audio format
+                        let wr = new WavReader(resp.body);
+                        const pcmFmt = wr.readFormat();
+                        const orgFl = wr.frameLength();
+                        // if(pcmFmt){
+                        //   console.debug("Original WAVE format of download chunk: "+pcmFmt);
+                        // }else{
+                        //   console.error("Could not read WAVE format of original download chunk!");
+                        // }
+                        // if(orgFl){
+                        //   console.debug("Original frame length of download chunk: "+orgFl);
+                        // }else{
+                        //   console.error("Could not read WAVE format of original download chunk!");
+                        // }
+                        if (pcmFmt && orgFl) {
+                            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();
+                            }).catch(error => {
+                                //if(error instanceof HttpErrorResponse) {
+                                // if (error.status == 404) {
+                                //   // Interpret not as an error, the file ist not recorded yet
+                                //   observer.next(null);
+                                //   observer.complete()
+                                // } else {
+                                //   // all other states are errors
+                                console.error("Recordings service chunkAudioRequest error decoding audio data: " + error.name + ": " + error.message);
+                                observer.error(error);
+                                // }
+                                // }
+                            });
+                        }
+                        else {
+                            const errMsg = 'Could not parse audio header for format and/or frame length of download.';
+                            console.error(errMsg);
+                            observer.error(errMsg);
+                        }
                     }
                     else {
-                        const errMsg = 'Could not parse audio header for format and/or frame length of download.';
+                        const errMsg = 'Fetching audio file: response has no body';
                         console.error(errMsg);
                         observer.error(errMsg);
                     }
+                }, error: (error) => {
+                    // all other states are errors
+                    //const errMsg='Fetching audio file HTTP error: '+error;
+                    //console.error(errMsg);
+                    observer.error(error);
+                    //observer.complete();
                 }
-                else {
-                    const errMsg = 'Fetching audio file: response has no body';
-                    console.error(errMsg);
-                    observer.error(errMsg);
-                }
-            }, (error) => {
-                // all other states are errors
-                //const errMsg='Fetching audio file HTTP error: '+error;
-                //console.error(errMsg);
-                observer.error(error);
-                //observer.complete();
             });
         });
         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){
@@ -9091,7 +9249,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) {
@@ -9105,7 +9263,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();
@@ -9117,7 +9275,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);
@@ -9225,7 +9383,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.
@@ -9244,7 +9402,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...");
@@ -9288,7 +9446,7 @@ class RecordingService extends BasicRecordingService {
                                     }
                                 });
                             }
-                        }, error => {
+                        }).catch(error => {
                             console.error('chunkAudioRequestToIndDb: error: ' + error);
                             //if(error instanceof HttpErrorResponse) {
                             subscriber.error(error);
@@ -9296,8 +9454,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) => {
@@ -9309,13 +9468,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();
                 }
@@ -9334,7 +9493,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 {
@@ -9404,14 +9563,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();
@@ -9432,7 +9591,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;
@@ -9624,7 +9783,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) {
@@ -9632,36 +9791,38 @@ class RecordingService extends BasicRecordingService {
             }
             if (recordingFile.session && recFileId) {
                 let obs = this.fetchAudiofile(projectName, recordingFile.session, recFileId);
-                obs.subscribe(resp => {
-                    // Do not use Promise version, which does not work with Safari 13 (13.0.5)
-                    if (resp.body) {
-                        aCtx.decodeAudioData(resp.body, ab => {
-                            observer.next(ab);
-                            observer.complete();
-                        }, error => {
-                            observer.error(error);
-                            observer.complete();
-                        });
-                    }
-                    else {
-                        observer.error('Fetching audio file: response has no body');
-                    }
-                }, (err) => {
-                    if (err instanceof HttpErrorResponse) {
-                        if (err.status == 404) {
-                            // Interpret not as an error, the file ist not recorded yet
-                            observer.next(null);
-                            observer.complete();
+                obs.subscribe({
+                    next: resp => {
+                        // Do not use Promise version, which does not work with Safari 13 (13.0.5)
+                        if (resp.body) {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                observer.next(ab);
+                                observer.complete();
+                            }).catch(error => {
+                                observer.error(error);
+                                observer.complete();
+                            });
+                        }
+                        else {
+                            observer.error('Fetching audio file: response has no body');
+                        }
+                    }, error: (err) => {
+                        if (err instanceof HttpErrorResponse) {
+                            if (err.status == 404) {
+                                // Interpret not as an error, the file ist not recorded yet
+                                observer.next(null);
+                                observer.complete();
+                            }
+                            else {
+                                // all other states are errors
+                                observer.error(err);
+                                observer.complete();
+                            }
                         }
                         else {
-                            // all other states are errors
                             observer.error(err);
-                            observer.complete();
                         }
                     }
-                    else {
-                        observer.error(err);
-                    }
                 });
             }
             else {
@@ -9678,49 +9839,50 @@ class RecordingService extends BasicRecordingService {
             }
             if (recordingFile.session && recFileId) {
                 let obs = this.fetchAudiofile(projectName, recordingFile.session, recFileId);
-                obs.subscribe(resp => {
-                    //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 => {
-                            let abs = new AudioBufferSource(ab);
-                            let adh = new AudioDataHolder(abs);
-                            RecordingFileUtils.setAudioData(recordingFile, adh);
-                            if (this.debugDelay > 0) {
-                                window.setTimeout(() => {
+                obs.subscribe({ next: resp => {
+                        //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) {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                let abs = new AudioBufferSource(ab);
+                                let adh = new AudioDataHolder(abs);
+                                RecordingFileUtils.setAudioData(recordingFile, adh);
+                                if (this.debugDelay > 0) {
+                                    window.setTimeout(() => {
+                                        observer.next(recordingFile);
+                                        observer.complete();
+                                    }, this.debugDelay);
+                                }
+                                else {
                                     observer.next(recordingFile);
                                     observer.complete();
-                                }, this.debugDelay);
+                                }
+                            }).catch(error => {
+                                observer.error(error);
+                                observer.complete();
+                            });
+                        }
+                        else {
+                            observer.error('Fetching audio file: response has no body');
+                        }
+                    },
+                    error: (err) => {
+                        if (err instanceof HttpErrorResponse) {
+                            if (err.status == 404) {
+                                // Interpret not as an error, the file ist not recorded yet
+                                observer.next(null);
+                                observer.complete();
                             }
                             else {
-                                observer.next(recordingFile);
+                                // all other states are errors
+                                observer.error(err);
                                 observer.complete();
                             }
-                        }, error => {
-                            observer.error(error);
-                            observer.complete();
-                        });
-                    }
-                    else {
-                        observer.error('Fetching audio file: response has no body');
-                    }
-                }, (err) => {
-                    if (err instanceof HttpErrorResponse) {
-                        if (err.status == 404) {
-                            // Interpret not as an error, the file ist not recorded yet
-                            observer.next(null);
-                            observer.complete();
                         }
                         else {
-                            // all other states are errors
                             observer.error(err);
-                            observer.complete();
                         }
-                    }
-                    else {
-                        observer.error(err);
-                    }
-                });
+                    } });
             }
             else {
                 observer.error();
@@ -9728,7 +9890,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);
@@ -9736,11 +9898,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();
                             });
@@ -9768,14 +9930,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 => {
@@ -9812,14 +9974,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 => {
@@ -9856,14 +10018,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);
@@ -9899,14 +10061,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);
@@ -9942,14 +10104,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);
@@ -9990,14 +10152,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);
@@ -10042,83 +10204,87 @@ class RecordingService extends BasicRecordingService {
         let wobs = new Observable(observer => {
             if (recordingFile.session) {
                 let obs = this.fetchSprAudiofile(projectName, recordingFile.session, recordingFile.itemCode, recordingFile.version);
-                obs.subscribe(resp => {
-                    //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)
+                obs.subscribe({
+                    next: resp => {
+                        //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) {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                let abs = new AudioBufferSource(ab);
+                                RecordingFileUtils.setAudioData(recordingFile, new AudioDataHolder(abs));
+                                if (this.debugDelay > 0) {
+                                    window.setTimeout(() => {
+                                        observer.next(recordingFile);
+                                        observer.complete();
+                                    }, this.debugDelay);
+                                }
+                                else {
+                                    observer.next(recordingFile);
+                                    observer.complete();
+                                }
+                            }).catch(error => {
+                                observer.error(error);
+                                observer.complete();
+                            });
+                        }
+                        else {
+                            observer.error('Fetching audio file: response has no body');
+                        }
+                    },
+                    error: (err) => {
+                        if (err instanceof HttpErrorResponse && err.status == 404) {
+                            // Interpret not as an error, the file ist not recorded yet
+                            observer.next(null);
+                            observer.complete();
+                        }
+                        else {
+                            // all other states are errors
+                            observer.error(err);
+                        }
+                    }
+                });
+            }
+            else {
+                observer.error();
+            }
+        });
+        return wobs;
+    }
+    fetchRecordingFile(aCtx, projectName, sessId, itemcode, version) {
+        let wobs = new Observable(observer => {
+            let obs = this.fetchSprAudiofile(projectName, sessId, itemcode, version);
+            obs.subscribe({ next: resp => {
                     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));
+                            let adh = new AudioDataHolder(abs);
+                            let rf = new SprRecordingFile(sessId, itemcode, version, adh);
                             if (this.debugDelay > 0) {
                                 window.setTimeout(() => {
-                                    observer.next(recordingFile);
+                                    observer.next(rf);
                                     observer.complete();
                                 }, this.debugDelay);
                             }
                             else {
-                                observer.next(recordingFile);
+                                observer.next(rf);
                                 observer.complete();
                             }
-                        }, error => {
-                            observer.error(error);
-                            observer.complete();
-                        });
+                        }).catch((reason) => { observer.error(reason); });
                     }
                     else {
-                        observer.error('Fetching audio file: response has no body');
+                        observer.error();
                     }
-                }, (err) => {
+                },
+                error: (err) => {
                     if (err instanceof HttpErrorResponse && err.status == 404) {
                         // Interpret not as an error, the file ist not recorded yet
                         observer.next(null);
                         observer.complete();
                     }
                     else {
-                        // all other states are errors
+                        // all other errors are real errors
                         observer.error(err);
                     }
-                });
-            }
-            else {
-                observer.error();
-            }
-        });
-        return wobs;
-    }
-    fetchRecordingFile(aCtx, projectName, sessId, itemcode, version) {
-        let wobs = new Observable(observer => {
-            let obs = this.fetchSprAudiofile(projectName, sessId, itemcode, version);
-            obs.subscribe(resp => {
-                // Do not use Promise version, which does not work with Safari 13
-                if (resp.body) {
-                    aCtx.decodeAudioData(resp.body, ab => {
-                        let abs = new AudioBufferSource(ab);
-                        let adh = new AudioDataHolder(abs);
-                        let rf = new SprRecordingFile(sessId, itemcode, version, adh);
-                        if (this.debugDelay > 0) {
-                            window.setTimeout(() => {
-                                observer.next(rf);
-                                observer.complete();
-                            }, this.debugDelay);
-                        }
-                        else {
-                            observer.next(rf);
-                            observer.complete();
-                        }
-                    });
-                }
-                else {
-                    observer.error();
-                }
-            }, (err) => {
-                if (err instanceof HttpErrorResponse && err.status == 404) {
-                    // Interpret not as an error, the file ist not recorded yet
-                    observer.next(null);
-                    observer.complete();
-                }
-                else {
-                    // all other errors are real errors
-                    observer.error(err);
                 }
             });
         });
@@ -10138,23 +10304,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     args: [SPEECHRECORDER_CONFIG]
                 }] }]; } });
 
-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;
@@ -10577,7 +10726,7 @@ class UploadStatus {
     constructor() {
         this._awaitNewUpload = false;
         this.spinnerMode = 'determinate';
-        this._colorStatus = 'primary';
+        this.colorStatus = 'primary';
         this._value = 100;
         this.displayValue = null;
         this.toolTipText = '';
@@ -10616,13 +10765,13 @@ class UploadStatus {
     set status(status) {
         this._status = status;
         if ('accent' === status) {
-            this._colorStatus = 'accent';
+            this.colorStatus = 'accent';
         }
         else if ('warn' === status) {
-            this._colorStatus = 'warn';
+            this.colorStatus = 'warn';
         }
         else {
-            this._colorStatus = 'primary';
+            this.colorStatus = 'primary';
         }
         this._updateSpinner();
     }
@@ -10632,12 +10781,14 @@ class UploadStatus {
 }
 UploadStatus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UploadStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
 UploadStatus.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UploadStatus, selector: "app-uploadstatus", inputs: { value: "value", awaitNewUpload: "awaitNewUpload", status: "status" }, ngImport: i0, template: `
-    <mat-progress-spinner [mode]="spinnerMode" [color]="status" [diameter]="30" [strokeWidth]="5" [value]="_value" [matTooltip]="toolTipText"></mat-progress-spinner>
+    <mat-progress-spinner [mode]="spinnerMode" [color]="colorStatus" [diameter]="30" [strokeWidth]="5" [value]="_value"
+                          [matTooltip]="toolTipText"></mat-progress-spinner>
   `, isInline: true, styles: [":host{text-align:left}\n", "mat-progress-spinner{display:inline-block}\n"], dependencies: [{ kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UploadStatus, decorators: [{
             type: Component,
             args: [{ selector: 'app-uploadstatus', template: `
-    <mat-progress-spinner [mode]="spinnerMode" [color]="status" [diameter]="30" [strokeWidth]="5" [value]="_value" [matTooltip]="toolTipText"></mat-progress-spinner>
+    <mat-progress-spinner [mode]="spinnerMode" [color]="colorStatus" [diameter]="30" [strokeWidth]="5" [value]="_value"
+                          [matTooltip]="toolTipText"></mat-progress-spinner>
   `, styles: [":host{text-align:left}\n", "mat-progress-spinner{display:inline-block}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
@@ -10746,7 +10897,7 @@ class TransportPanel extends ResponsiveComponent {
         }
     }
 }
-TransportPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TransportPanel, deps: [{ token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+TransportPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TransportPanel, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
 TransportPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TransportPanel, selector: "app-sprtransport", inputs: { readonly: "readonly", actions: "actions", navigationEnabled: "navigationEnabled", pausingEnabled: "pausingEnabled" }, usesInheritance: true, ngImport: i0, template: `
     <button id="bwdBtn" *ngIf="navigationEnabled"  (click)="actions.bwdAction.perform()" [disabled]="bwdDisabled()"
             mat-raised-button>
@@ -10791,7 +10942,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
     </button>
 
   `, styles: [":host{flex:20;align-self:center;width:100%;text-align:center;align-content:center;margin:0}\n", "div{display:inline;flex:0}\n", "button{touch-action:manipulation}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }]; }, propDecorators: { readonly: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; }, propDecorators: { readonly: [{
                 type: Input
             }], actions: [{
                 type: Input
@@ -10863,7 +11014,7 @@ class ControlPanel extends ResponsiveComponent {
         return this._ready;
     }
 }
-ControlPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ControlPanel, deps: [{ token: i1$3.BreakpointObserver }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+ControlPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ControlPanel, deps: [{ token: i1$2.BreakpointObserver }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
 ControlPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ControlPanel, selector: "app-sprcontrolpanel", inputs: { readonly: "readonly", transportActions: "transportActions", processing: "processing", statusMsg: "statusMsg", statusAlertType: "statusAlertType", statusWaiting: "statusWaiting", uploadStatus: "uploadStatus", uploadProgress: "uploadProgress", currentRecording: "currentRecording", enableUploadRecordings: "enableUploadRecordings", navigationEnabled: "navigationEnabled", ready: "ready" }, viewQueries: [{ propertyName: "statusDisplay", first: true, predicate: StatusDisplay, descendants: true, static: true }, { propertyName: "transportPanel", first: true, predicate: TransportPanel, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <div *ngIf="!screenXs" style="flex-direction: row" >
      <app-sprstatusdisplay style="flex:0 0 0" [statusMsg]="statusMsg" [statusAlertType]="statusAlertType" [statusWaiting]="statusWaiting"
@@ -10873,9 +11024,9 @@ ControlPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                       [status]="uploadStatus" [awaitNewUpload]="processing"></app-uploadstatus>
       <app-readystateindicator [ready]="_ready"></app-readystateindicator>
     </div>
-    <div *ngIf="screenXs"style="flex-direction: column"  >
+    <div *ngIf="screenXs" style="flex-direction: column"  >
       <div style="flex-direction: row" class="flexFill" >
-       <app-sprstatusdisplay style="flex:10 0 0;flex-align:left" [statusMsg]="statusMsg" [statusAlertType]="statusAlertType" [statusWaiting]="statusWaiting"
+       <app-sprstatusdisplay style="flex:10 0 0" [statusMsg]="statusMsg" [statusAlertType]="statusAlertType" [statusWaiting]="statusWaiting"
                             class="hidden-xs"></app-sprstatusdisplay>
        <app-uploadstatus style="flex:0 0 0" *ngIf="enableUploadRecordings" [value]="uploadProgress"
                         [status]="uploadStatus" [awaitNewUpload]="processing"></app-uploadstatus>
@@ -10896,9 +11047,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                       [status]="uploadStatus" [awaitNewUpload]="processing"></app-uploadstatus>
       <app-readystateindicator [ready]="_ready"></app-readystateindicator>
     </div>
-    <div *ngIf="screenXs"style="flex-direction: column"  >
+    <div *ngIf="screenXs" style="flex-direction: column"  >
       <div style="flex-direction: row" class="flexFill" >
-       <app-sprstatusdisplay style="flex:10 0 0;flex-align:left" [statusMsg]="statusMsg" [statusAlertType]="statusAlertType" [statusWaiting]="statusWaiting"
+       <app-sprstatusdisplay style="flex:10 0 0" [statusMsg]="statusMsg" [statusAlertType]="statusAlertType" [statusWaiting]="statusWaiting"
                             class="hidden-xs"></app-sprstatusdisplay>
        <app-uploadstatus style="flex:0 0 0" *ngIf="enableUploadRecordings" [value]="uploadProgress"
                         [status]="uploadStatus" [awaitNewUpload]="processing"></app-uploadstatus>
@@ -10908,7 +11059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 
     </div>
   `, styles: ["div{align-content:center;align-items:center;margin:0;padding:20px;min-height:min-content}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }, { type: i1$4.MatDialog }]; }, propDecorators: { statusDisplay: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i1$3.MatDialog }]; }, propDecorators: { statusDisplay: [{
                 type: ViewChild,
                 args: [StatusDisplay, { static: true }]
             }], transportPanel: [{
@@ -11559,7 +11710,7 @@ class RecordingItemControls extends ResponsiveComponent {
         // this.status = 'ERROR';
     }
 }
-RecordingItemControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingItemControls, deps: [{ token: i1$3.BreakpointObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+RecordingItemControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingItemControls, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 RecordingItemControls.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: RecordingItemControls, selector: "spr-recordingitemcontrols", inputs: { audioSignalCollapsed: "audioSignalCollapsed", enableDownload: "enableDownload", peakDbLvl: "peakDbLvl", agc: "agc", disableAudioDetails: "disableAudioDetails", audioLoaded: "audioLoaded", playStartAction: "playStartAction", playStopAction: "playStopAction", displayLevelInfos: "displayLevelInfos" }, outputs: { onShowRecordingDetails: "onShowRecordingDetails", onDownloadRecording: "onDownloadRecording" }, usesInheritance: true, ngImport: i0, template: `
         <button matTooltip="Start playback" (click)="playStartAction?.perform()"
                 [disabled]="playStartAction?.disabled"
@@ -11608,7 +11759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                                                                         [style.color]="(peakDbLvl > warnDbLevel)?'red':'black'">{{peakDbLvl | number:'1.1-1'}} dB </span></td></tr>
           <tr *ngIf="_agc"><td>AGC:</td><td><span matTooltip="Auto gain control">{{agcString}}</span></td></tr></table></div>
     `, styles: [":host{flex:0;width:100%;background:darkgray;padding:4px;box-sizing:border-box;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap}\n", "span{flex:0;font-weight:700;display:inline-block;white-space:nowrap;box-sizing:border-box}\n", "button{touch-action:manipulation}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { audioSignalCollapsed: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { audioSignalCollapsed: [{
                 type: Input
             }], enableDownload: [{
                 type: Input
@@ -11689,7 +11840,7 @@ class RecordingItemDisplay extends ResponsiveComponent {
         let peakDBVal = levelInfo.powerLevelDB();
         if (this.peakDbLvl < peakDBVal) {
             this.peakDbLvl = peakDBVal;
-            // the event comes from outside of an Angular zone
+            // the event comes from outside an Angular zone
             this.changeDetectorRef.detectChanges();
         }
         this.liveLevel.update(levelInfo);
@@ -11705,7 +11856,7 @@ class RecordingItemDisplay extends ResponsiveComponent {
         this.changeDetectorRef.detectChanges();
     }
 }
-RecordingItemDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingItemDisplay, deps: [{ token: i1$3.BreakpointObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+RecordingItemDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingItemDisplay, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 RecordingItemDisplay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: RecordingItemDisplay, selector: "spr-recordingitemdisplay", inputs: { streamingMode: "streamingMode", audioSignalCollapsed: "audioSignalCollapsed", enableDownload: "enableDownload", agc: "agc", playStartAction: "playStartAction", playStopAction: "playStopAction", displayAudioBuffer: "displayAudioBuffer", displayLevelInfos: "displayLevelInfos" }, outputs: { onShowRecordingDetails: "onShowRecordingDetails", onDownloadRecording: "onDownloadRecording" }, viewQueries: [{ propertyName: "liveLevel", first: true, predicate: LevelBar, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
       <div [class]="{audioStatusDisplay:!screenXs,audioStatusDisplayXs:screenXs}">
         <audio-levelbar style="flex:1 0 1%" [streamingMode]="streamingMode" [displayLevelInfos]="_displayLevelInfos"></audio-levelbar>
@@ -11720,7 +11871,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         <spr-recordingitemcontrols style="flex:0 0 0px" [audioLoaded]="displayAudioBuffer!==null" [playStartAction]="playStartAction" [playStopAction]="playStopAction" [peakDbLvl]="peakDbLvl" [agc]="_agc" (onShowRecordingDetails)="onShowRecordingDetails.emit()"></spr-recordingitemcontrols>
       </div>
     `, styles: ["div{width:100%;background:darkgray;padding:4px;box-sizing:border-box;flex-wrap:nowrap}\n", "audio-levelbar{box-sizing:border-box}\n", ".audioStatusDisplay{display:flex;flex-direction:row;height:100px;min-height:100px}\n", ".audioStatusDisplayXs{display:flex;flex-direction:column;height:125px;min-height:125px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { liveLevel: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { liveLevel: [{
                 type: ViewChild,
                 args: [LevelBar, { static: true }]
             }], streamingMode: [{
@@ -12023,6 +12174,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;
@@ -12064,6 +12216,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;
     }
@@ -12448,7 +12606,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();
@@ -12804,6 +12962,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 */;
@@ -12860,37 +13019,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, {
@@ -12903,38 +13083,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 = () => this.controlAudioPlayer?.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 = () => this.controlAudioPlayer?.start();
         this.startStopSignalState = 4 /* OFF */;
     }
     onKeyPress(ke) {
@@ -13241,7 +13396,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;
@@ -13283,7 +13438,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;
@@ -13325,7 +13480,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;
                                 },
@@ -13363,7 +13518,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;
@@ -13750,7 +13905,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();
@@ -13797,7 +13952,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) => {
@@ -13835,8 +13990,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 = '';
@@ -13971,7 +14126,7 @@ class SessionManager extends BasicRecorder {
         }
     }
 }
-SessionManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SessionManager, deps: [{ token: i1$3.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$4.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+SessionManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SessionManager, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$3.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
 SessionManager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SessionManager, selector: "app-sprrecordingsession", inputs: { projectName: "projectName", dataSaved: "dataSaved" }, host: { listeners: { "window:keypress": "onKeyPress($event)", "window:keydown": "onKeyDown($event)" } }, providers: [SessionService], viewQueries: [{ propertyName: "prompting", first: true, predicate: Prompting, descendants: true, static: true }, { propertyName: "liveLevelDisplay", first: true, predicate: LevelBar, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <app-warningbar [show]="isTestSession()" warningText="Test recording only!"></app-warningbar>
     <app-warningbar [show]="isDefaultAudioTestSession()" warningText="This test uses default audio device! Regular sessions may require a particular audio device (microphone)!"></app-warningbar>
@@ -14074,7 +14229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       </div>
     </div>
   `, styles: [":host{flex:2;background:lightgrey;display:flex;flex-direction:column;margin:0;padding:0;min-height:0px;overflow:hidden}\n", ".ricontrols{display:flex;padding:4px;box-sizing:border-box;height:100%;flex-direction:row;justify-content:flex-end;align-items:center;align-content:center}\n", ".dark{background:darkgray}\n", ".controlpanel{display:flex;flex-direction:row;align-content:center;align-items:center;margin:0;padding:20px;min-height:min-content}\n", ".audioStatusDisplay{display:flex;flex-direction:row;height:100px;min-height:100px}\n", ".audioStatusDisplayXs{display:flex;flex-direction:column;height:125px;min-height:125px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$4.MatDialog }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$3.MatDialog }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
                     type: Inject,
                     args: [SPEECHRECORDER_CONFIG]
                 }] }]; }, propDecorators: { projectName: [{
@@ -14344,18 +14499,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);
@@ -14520,7 +14667,7 @@ class SpeechrecorderngComponent extends RecorderComponent {
             }
             else {
                 // all this attempts to customize the message do not work anymore (for security reasons)!!
-                var message = "Please do not leave the page, until all recordings are uploaded!";
+                const message = "Please do not leave the page, until all recordings are uploaded!";
                 alert(message);
                 e = e || window.event;
                 if (e) {
@@ -14612,6 +14759,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;
@@ -14644,7 +14794,7 @@ class SpeechrecorderngComponent extends RecorderComponent {
             projUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/wikispeech/rest/projects/?sessionId=' + this.sessionId;
         }
         if (projUrl) {
-            var pLoader = new XMLHttpRequest();
+            const pLoader = new XMLHttpRequest();
             pLoader.open("GET", projUrl, true);
             pLoader.setRequestHeader('Accept', 'application/json');
             pLoader.responseType = "json";
@@ -14679,7 +14829,7 @@ class SpeechrecorderngComponent extends RecorderComponent {
         this.sm.statusMsg = 'ERROR: Recording.';
     }
 }
-SpeechrecorderngComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: ScriptService }, { token: RecordingService }, { token: SpeechRecorderUploader }], target: i0.ɵɵFactoryTarget.Component });
+SpeechrecorderngComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngComponent, deps: [{ token: i4$2.ActivatedRoute }, { token: i4$2.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: ScriptService }, { token: RecordingService }, { token: SpeechRecorderUploader }], target: i0.ɵɵFactoryTarget.Component });
 SpeechrecorderngComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SpeechrecorderngComponent, selector: "app-speechrecorder", providers: [SessionService], viewQueries: [{ propertyName: "sm", first: true, predicate: SessionManager, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <app-sprrecordingsession [projectName]="project?.name" [dataSaved]="dataSaved"></app-sprrecordingsession>
   `, isInline: true, styles: [":host{flex:2;display:flex;flex-direction:column;min-height:0}\n"], dependencies: [{ kind: "component", type: SessionManager, selector: "app-sprrecordingsession", inputs: ["projectName", "dataSaved"] }] });
@@ -14688,7 +14838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             args: [{ selector: 'app-speechrecorder', providers: [SessionService], template: `
     <app-sprrecordingsession [projectName]="project?.name" [dataSaved]="dataSaved"></app-sprrecordingsession>
   `, styles: [":host{flex:2;display:flex;flex-direction:column;min-height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: ScriptService }, { type: RecordingService }, { type: SpeechRecorderUploader }]; }, propDecorators: { sm: [{
+        }], ctorParameters: function () { return [{ type: i4$2.ActivatedRoute }, { type: i4$2.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: ScriptService }, { type: RecordingService }, { type: SpeechRecorderUploader }]; }, propDecorators: { sm: [{
                 type: ViewChild,
                 args: [SessionManager, { static: true }]
             }] } });
@@ -14708,10 +14858,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");
@@ -14719,26 +14867,18 @@ 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 = () => this.ap?.start();
+        if (this.ap) {
+            this.playStartAction.onAction = () => {
+                console.debug("Start action, player: " + this.ap);
+                this.ap?.start();
+            };
             this.playSelectionAction.onAction = () => this.ap?.startSelected();
             this.playStopAction.onAction = () => this.ap?.stop();
         }
@@ -14803,15 +14943,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;
@@ -14894,7 +15031,7 @@ class AudioDisplayPlayer {
         this.status = 'ERROR';
     }
 }
-AudioDisplayPlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioDisplayPlayer, deps: [{ token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AudioDisplayPlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioDisplayPlayer, deps: [{ token: i4$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 AudioDisplayPlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AudioDisplayPlayer, selector: "app-audiodisplayplayer", inputs: { playStartAction: "playStartAction", playStopAction: "playStopAction", playSelectionAction: "playSelectionAction", autoPlayOnSelectToggleAction: "autoPlayOnSelectToggleAction", audioData: "audioData", audioClip: "audioClip" }, viewQueries: [{ propertyName: "audioDisplayScrollPane", first: true, predicate: AudioDisplayScrollPane, descendants: true, static: true }], ngImport: i0, template: `
 
     <audio-display-scroll-pane #audioDisplayScrollPane></audio-display-scroll-pane>
@@ -14925,7 +15062,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                              [zoomSelectedAction]="zoomSelectedAction"
                              [zoomFitToPanelAction]="zoomFitToPanelAction"></audio-display-control><p>{{status}}
   `, styles: [":host{display:flex;flex-direction:column;position:absolute;bottom:0;height:100%;width:100%;overflow:hidden;padding:20px;z-index:5;box-sizing:border-box;background-color:#000000bf}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { playStartAction: [{
+        }], ctorParameters: function () { return [{ type: i4$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { playStartAction: [{
                 type: Input
             }], playStopAction: [{
                 type: Input
@@ -15071,41 +15208,42 @@ 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(resp => {
-                    // Do not use Promise version, which does not work with Safari 13
-                    if (resp.body) {
-                        aCtx.decodeAudioData(resp.body, ab => {
-                            let as = new AudioBufferSource(ab);
-                            RecordingFileUtils.setAudioData(recordingFile, new AudioDataHolder(as));
-                            if (this.debugDelay > 0) {
-                                window.setTimeout(() => {
+                obs.subscribe({ next: resp => {
+                        if (resp.body) {
+                            AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                let as = new AudioBufferSource(ab);
+                                RecordingFileUtils.setAudioData(recordingFile, new AudioDataHolder(as));
+                                if (this.debugDelay > 0) {
+                                    window.setTimeout(() => {
+                                        observer.next(recordingFile);
+                                        observer.complete();
+                                    }, this.debugDelay);
+                                }
+                                else {
                                     observer.next(recordingFile);
                                     observer.complete();
-                                }, this.debugDelay);
-                            }
-                            else {
-                                observer.next(recordingFile);
-                                observer.complete();
-                            }
-                        });
-                    }
-                    else {
-                        observer.error('Received no audio data!');
-                    }
-                }, (error) => {
-                    if (error.status == 404) {
-                        // Interpret not as an error, the file ist not recorded yet
-                        observer.next(null);
-                        observer.complete();
-                    }
-                    else {
-                        // all other states are errors
-                        observer.error(error);
-                        observer.complete();
+                                }
+                            }).catch(reason => { observer.error(reason); });
+                        }
+                        else {
+                            observer.error('Received no audio data!');
+                        }
+                    },
+                    error: (error) => {
+                        if (error.status == 404) {
+                            // Interpret not as an error, the file ist not recorded yet
+                            observer.next(null);
+                            observer.complete();
+                        }
+                        else {
+                            // all other states are errors
+                            observer.error(error);
+                            observer.complete();
+                        }
                     }
                 });
             }
@@ -15119,82 +15257,40 @@ class RecordingFileService extends BasicRecordingService {
         let wobs = new Observable(observer => {
             let rf = null;
             let rfDescrObs = this.recordingFileDescrObserver(recordingFileId);
-            rfDescrObs.subscribe(value => {
-                rf = value;
-            }, (error) => {
-                observer.error(error);
-            }, () => {
-                let rfAudioObs = this.fetchAudiofile(recordingFileId);
-                rfAudioObs.subscribe(resp => {
-                    // Do not use Promise version, which does not work with Safari 13
-                    if (resp.body) {
-                        aCtx.decodeAudioData(resp.body, ab => {
-                            if (rf) {
-                                let as = new AudioBufferSource(ab);
-                                RecordingFileUtils.setAudioData(rf, new AudioDataHolder(as));
-                            }
-                            else {
-                                observer.error('Recording file object null');
-                            }
-                            if (this.debugDelay > 0) {
-                                window.setTimeout(() => {
-                                    observer.next(rf);
-                                    observer.complete();
-                                }, this.debugDelay);
+            rfDescrObs.subscribe({ next: value => {
+                    rf = value;
+                }, error: (error) => {
+                    observer.error(error);
+                }, complete: () => {
+                    let rfAudioObs = this.fetchAudiofile(recordingFileId);
+                    rfAudioObs.subscribe({
+                        next: resp => {
+                            // Do not use Promise version, which does not work with Safari 13
+                            if (resp.body) {
+                                AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                    if (rf) {
+                                        let as = new AudioBufferSource(ab);
+                                        RecordingFileUtils.setAudioData(rf, new AudioDataHolder(as));
+                                    }
+                                    else {
+                                        observer.error('Recording file object null');
+                                    }
+                                    if (this.debugDelay > 0) {
+                                        window.setTimeout(() => {
+                                            observer.next(rf);
+                                            observer.complete();
+                                        }, this.debugDelay);
+                                    }
+                                    else {
+                                        observer.next(rf);
+                                        observer.complete();
+                                    }
+                                }).catch(reason => { observer.error(reason); });
                             }
                             else {
-                                observer.next(rf);
-                                observer.complete();
-                            }
-                        });
-                    }
-                    else {
-                        observer.error('Received no audio data');
-                    }
-                }, (error) => {
-                    if (error.status == 404) {
-                        // Interpret not as an error, the file ist not recorded yet
-                        observer.next(null);
-                        observer.complete();
-                    }
-                    else {
-                        // all other states are errors
-                        observer.error(error);
-                        observer.complete();
-                    }
-                });
-            });
-        });
-        return wobs;
-    }
-    fetchSprRecordingFile(aCtx, recordingFileId) {
-        let wobs = new Observable(observer => {
-            let rf = null;
-            let rfDescrObs = this.sprRecordingFileDescrObserver(recordingFileId);
-            rfDescrObs.subscribe(value => {
-                rf = value;
-            }, (error) => {
-                observer.error(error);
-            }, () => {
-                let sampleCnt = null;
-                if (rf && rf.channels && rf.frames) {
-                    sampleCnt = rf.channels * rf.frames;
-                }
-                // 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?.samplerate, BasicRecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS, rf.frames);
-                    obNetAb.subscribe({
-                        next: (nab) => {
-                            let adh = new AudioDataHolder(nab);
-                            if (rf) {
-                                RecordingFileUtils.setAudioData(rf, adh);
-                                observer.next(rf);
+                                observer.error('Received no audio data');
                             }
                         },
-                        complete: () => {
-                            observer.complete();
-                        },
                         error: (error) => {
                             if (error.status == 404) {
                                 // Interpret not as an error, the file ist not recorded yet
@@ -15209,47 +15305,97 @@ class RecordingFileService extends BasicRecordingService {
                         }
                     });
                 }
-                else {
-                    let rfAudioObs = this.fetchAudiofile(recordingFileId);
-                    rfAudioObs.subscribe(resp => {
-                        // Do not use Promise version, which does not work with Safari 13
-                        if (resp.body) {
-                            aCtx.decodeAudioData(resp.body, ab => {
+            });
+        });
+        return wobs;
+    }
+    fetchSprRecordingFile(recordingFileId) {
+        let wobs = new Observable(observer => {
+            let rf = null;
+            let rfDescrObs = this.sprRecordingFileDescrObserver(recordingFileId);
+            rfDescrObs.subscribe({ next: value => {
+                    rf = value;
+                },
+                error: (error) => {
+                    observer.error(error);
+                }, complete: () => {
+                    let sampleCnt = null;
+                    if (rf && rf.channels && rf.frames) {
+                        sampleCnt = rf.channels * rf.frames;
+                    }
+                    // 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(baseUrl, 0, rf?.samplerate, BasicRecordingService.DEFAULT_CHUNKED_DOWNLOAD_SECONDS, rf.frames);
+                        obNetAb.subscribe({
+                            next: (nab) => {
+                                let adh = new AudioDataHolder(nab);
                                 if (rf) {
-                                    let as = new AudioBufferSource(ab);
-                                    let adh = new AudioDataHolder(as);
                                     RecordingFileUtils.setAudioData(rf, adh);
+                                    observer.next(rf);
+                                }
+                            },
+                            complete: () => {
+                                observer.complete();
+                            },
+                            error: (error) => {
+                                if (error.status == 404) {
+                                    // Interpret not as an error, the file ist not recorded yet
+                                    observer.next(null);
+                                    observer.complete();
                                 }
                                 else {
-                                    observer.error('Recording file object null');
+                                    // all other states are errors
+                                    observer.error(error);
+                                    observer.complete();
                                 }
-                                if (this.debugDelay > 0) {
-                                    window.setTimeout(() => {
-                                        observer.next(rf);
-                                        observer.complete();
-                                    }, this.debugDelay);
+                            }
+                        });
+                    }
+                    else {
+                        let rfAudioObs = this.fetchAudiofile(recordingFileId);
+                        rfAudioObs.subscribe({ next: resp => {
+                                // Do not use Promise version, which does not work with Safari 13
+                                if (resp.body) {
+                                    AudioContextProvider.decodeAudioData(resp.body).then(ab => {
+                                        if (rf) {
+                                            let as = new AudioBufferSource(ab);
+                                            let adh = new AudioDataHolder(as);
+                                            RecordingFileUtils.setAudioData(rf, adh);
+                                        }
+                                        else {
+                                            observer.error('Recording file object null');
+                                        }
+                                        if (this.debugDelay > 0) {
+                                            window.setTimeout(() => {
+                                                observer.next(rf);
+                                                observer.complete();
+                                            }, this.debugDelay);
+                                        }
+                                        else {
+                                            observer.next(rf);
+                                            observer.complete();
+                                        }
+                                    }).catch(reason => { observer.error(reason); });
                                 }
                                 else {
-                                    observer.next(rf);
+                                    observer.error('Received no audio data');
+                                }
+                            },
+                            error: (error) => {
+                                if (error.status == 404) {
+                                    // Interpret not as an error, the file ist not recorded yet
+                                    observer.next(null);
                                     observer.complete();
                                 }
-                            });
-                        }
-                        else {
-                            observer.error('Received no audio data');
-                        }
-                    }, (error) => {
-                        if (error.status == 404) {
-                            // Interpret not as an error, the file ist not recorded yet
-                            observer.next(null);
-                            observer.complete();
-                        }
-                        else {
-                            // all other states are errors
-                            observer.error(error);
-                            observer.complete();
-                        }
-                    });
+                                else {
+                                    // all other states are errors
+                                    observer.error(error);
+                                    observer.complete();
+                                }
+                            }
+                        });
+                    }
                 }
             });
         });
@@ -15301,7 +15447,7 @@ RecordingFileNaviComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
               <legend>Versions</legend>
               <mat-progress-spinner *ngIf="naviInfoLoading" mode="indeterminate" [diameter]="15"></mat-progress-spinner>
                 <select *ngIf="!naviInfoLoading" [disabled]="versions==null || versions.length==1" (change)="selectVersionChange($event)">
-                  <option *ngFor="let v of versions; let i = index" [selected]="v===version" value="{{v}}">{{v}}<span *ngIf="i==0"> (latest)</span></option>
+                  <option *ngFor="let v of versions; let i = index" [selected]="v===version" value="{{v}}">{{v}}<ng-container *ngIf="i==0"> (latest)</ng-container></option>
                 </select>
             </fieldset>
             <fieldset>
@@ -15336,7 +15482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
               <legend>Versions</legend>
               <mat-progress-spinner *ngIf="naviInfoLoading" mode="indeterminate" [diameter]="15"></mat-progress-spinner>
                 <select *ngIf="!naviInfoLoading" [disabled]="versions==null || versions.length==1" (change)="selectVersionChange($event)">
-                  <option *ngFor="let v of versions; let i = index" [selected]="v===version" value="{{v}}">{{v}}<span *ngIf="i==0"> (latest)</span></option>
+                  <option *ngFor="let v of versions; let i = index" [selected]="v===version" value="{{v}}">{{v}}<ng-container *ngIf="i==0"> (latest)</ng-container></option>
                 </select>
             </fieldset>
             <fieldset>
@@ -15388,9 +15534,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;
@@ -15498,7 +15644,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
@@ -15519,7 +15665,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;
@@ -15528,9 +15673,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;
@@ -15696,10 +15843,9 @@ 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(value => {
+        this.audioFetching = true;
+        this.recordingFileService.fetchSprRecordingFile(rfId).subscribe({
+            next: value => {
                 this.audioFetching = false;
                 this.status = 'Audio file loaded.';
                 let clip = null;
@@ -15737,11 +15883,11 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
                 }
                 this.audioClip = clip;
                 this.loadedRecfile();
-            }, error1 => {
+            }, error: error1 => {
                 this.audioFetching = false;
                 this.status = 'Error loading audio file!';
-            });
-        }
+            }
+        });
     }
     loadedRecfile() {
         if (this.recordingFile && !this.sessionId) {
@@ -15767,7 +15913,7 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
         this.lastAction.disabled = (this.posInList == null || itemCnt == null || this.posInList >= itemCnt - 1);
     }
     loadSession(sessionId) {
-        // load session and recording file meta data only when on init and when session changes
+        // load session and recording file metadata only when on init and when session changes
         if (sessionId != this.sessionId) {
             // tell UI that we are working...
             this.naviInfoLoading = true;
@@ -15805,7 +15951,7 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
                             else {
                                 // rec file with itemcode already exists, add (push) this version ...
                                 exRfsForIc.push(rfd);
-                                // .. and sort latest version (highest version number) to lowest index
+                                // ... and sort latest version (highest version number) to lowest index
                                 exRfsForIc.sort((rfd1, rfd2) => {
                                     return rfd2.version - rfd1.version;
                                 });
@@ -15859,7 +16005,7 @@ class RecordingFileViewComponent extends AudioDisplayPlayer {
         }
     }
 }
-RecordingFileViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingFileViewComponent, deps: [{ token: RecordingFileService }, { token: RecordingService }, { token: SessionService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$4.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+RecordingFileViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingFileViewComponent, deps: [{ token: RecordingFileService }, { token: RecordingService }, { token: SessionService }, { token: i4$2.Router }, { token: i4$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
 RecordingFileViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: RecordingFileViewComponent, selector: "app-audiodisplayplayer", viewQueries: [{ propertyName: "ac", first: true, predicate: AudioDisplayScrollPane, descendants: true }], usesInheritance: true, ngImport: i0, template: `
 
     <audio-display-scroll-pane #audioDisplayScrollPane></audio-display-scroll-pane>
@@ -15898,7 +16044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       <app-recording-file-navi [items]="availRecFiles?.length" [itemPos]="posInList" [version]="recordingFileVersion" [versions]="versions" [firstAction]="firstAction" [prevAction]="prevAction" [nextAction]="nextAction" [lastAction]="lastAction" [selectVersion]="toVersionAction" [naviInfoLoading]="naviInfoLoading"></app-recording-file-navi>
       </div>
   `, styles: [":host{flex:2;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;z-index:5;box-sizing:border-box;background-color:#fff}\n", ".ctrlview{display:flex;flex-direction:row}\n", "audio-display-control{flex:3}\n"] }]
-        }], ctorParameters: function () { return [{ type: RecordingFileService }, { type: RecordingService }, { type: SessionService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$4.MatDialog }]; }, propDecorators: { ac: [{
+        }], ctorParameters: function () { return [{ type: RecordingFileService }, { type: RecordingService }, { type: SessionService }, { type: i4$2.Router }, { type: i4$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$3.MatDialog }]; }, propDecorators: { ac: [{
                 type: ViewChild,
                 args: [AudioDisplayScrollPane]
             }] } });
@@ -15963,27 +16109,28 @@ class RecordingFileUI extends RecordingFileViewComponent {
                     sf = s.startFrame;
                     ef = s.endFrame;
                 }
-                this.recordingFileService.saveEditSelection(this.recordingFile.recordingFileId, sr, sf, ef).subscribe((value) => {
-                }, () => {
-                    this.dialog.open(MessageDialog, {
-                        data: {
-                            type: 'error',
-                            title: 'Save selection edit error',
-                            msg: "Could not save edit selection to WikiSpeech server!",
-                            advice: "Please check network connection and server state."
-                        }
-                    });
-                }, () => {
-                    // Or use returned selection value from server?
-                    this.savedEditSelection = s;
-                    this.editSaved = true;
-                    this.snackBar.open('Selection edit saved successfully.', 'OK', { duration: 1500 });
+                this.recordingFileService.saveEditSelection(this.recordingFile.recordingFileId, sr, sf, ef).subscribe({ next: (value) => { },
+                    error: () => {
+                        this.dialog.open(MessageDialog, {
+                            data: {
+                                type: 'error',
+                                title: 'Save selection edit error',
+                                msg: "Could not save edit selection to WikiSpeech server!",
+                                advice: "Please check network connection and server state."
+                            }
+                        });
+                    }, complete: () => {
+                        // Or use returned selection value from server?
+                        this.savedEditSelection = s;
+                        this.editSaved = true;
+                        this.snackBar.open('Selection edit saved successfully.', 'OK', { duration: 1500 });
+                    }
                 });
             }
         }
     }
 }
-RecordingFileUI.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingFileUI, deps: [{ token: RecordingFileService }, { token: RecordingService }, { token: SessionService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$4.MatDialog }, { token: i6.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+RecordingFileUI.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingFileUI, deps: [{ token: RecordingFileService }, { token: RecordingService }, { token: SessionService }, { token: i4$2.Router }, { token: i4$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$3.MatDialog }, { token: i6.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
 RecordingFileUI.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: RecordingFileUI, selector: "app-audiodisplayplayer", usesInheritance: true, ngImport: i0, template: `
       <h1>Recording file editing</h1>
       <p>On export or delivery the editing selection of the recording file is cut out. If no editing selection is applied the original file is exported.</p>
@@ -16028,7 +16175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 
       <button mat-raised-button color="accent" (click)="applySelection()" [disabled]="editSaved">{{this.applyButtonText()}}</button>
   `, styles: [":host{flex:2;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;z-index:5;box-sizing:border-box;background-color:#fff}\n", ".ctrlview{display:flex;flex-direction:row}\n", "audio-display-control{flex:3}\n"] }]
-        }], ctorParameters: function () { return [{ type: RecordingFileService }, { type: RecordingService }, { type: SessionService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$4.MatDialog }, { type: i6.MatSnackBar }]; } });
+        }], ctorParameters: function () { return [{ type: RecordingFileService }, { type: RecordingService }, { type: SessionService }, { type: i4$2.Router }, { type: i4$2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$3.MatDialog }, { type: i6.MatSnackBar }]; } });
 
 class MediaUtils {
     static toMediaTime(timeInSeconds) {
@@ -16165,7 +16312,7 @@ RecordingList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
       </mat-card-content>
     </mat-card>
 
-  `, isInline: true, styles: [".monospaced{font-family:monospace}.mat-cell,.mat-header-cell{padding-left:5px;padding-right:5px}.mat-card,.mat-card-header,.mat-card-content{width:auto}.flexForm{display:flex;flex-direction:column;width:auto}.flexFill{margin:0;width:100%;height:100%;min-width:100%;min-height:100%}\n", ":host{position:relative;margin:0;padding:0;background:lightgrey;width:100%;flex:1;overflow-y:auto;min-height:0px}\n", ".selected{font-weight:700}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i3$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i4$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: ScrollIntoViewDirective, selector: "[scrollIntoViewToBottom]", inputs: ["scrollIntoViewToBottom"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
+  `, isInline: true, styles: [".monospaced{font-family:monospace}.mat-cell,.mat-header-cell{padding-left:5px;padding-right:5px}.mat-card,.mat-card-header,.mat-card-content{width:auto}.flexForm{display:flex;flex-direction:column;width:auto}.flexFill{margin:0;width:100%;height:100%;min-width:100%;min-height:100%}\n", ":host{position:relative;margin:0;padding:0;background:lightgrey;width:100%;flex:1;overflow-y:auto;min-height:0px}\n", ".selected{font-weight:700}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i3$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i4$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: ScrollIntoViewDirective, selector: "[scrollIntoViewToBottom]", inputs: ["scrollIntoViewToBottom"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecordingList, decorators: [{
             type: Component,
             args: [{ selector: 'app-recordinglist', template: `
@@ -16246,7 +16393,7 @@ class RecorderCombiPane extends ResponsiveComponent {
         this.recordingListComp.selectTop();
     }
 }
-RecorderCombiPane.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecorderCombiPane, deps: [{ token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+RecorderCombiPane.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RecorderCombiPane, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
 RecorderCombiPane.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: RecorderCombiPane, selector: "app-recordercombipane", inputs: { selectDisabled: "selectDisabled", selectedRecordingFile: "selectedRecordingFile", audioSignalCollapsed: "audioSignalCollapsed", displayAudioClip: "displayAudioClip", playStartAction: "playStartAction", playSelectionAction: "playSelectionAction", autoPlayOnSelectToggleAction: "autoPlayOnSelectToggleAction", playStopAction: "playStopAction" }, outputs: { selectedRecordingFileChanged: "selectedRecordingFileChanged" }, viewQueries: [{ propertyName: "recordingListComp", first: true, predicate: RecordingList, descendants: true }, { propertyName: "audioDisplay", first: true, predicate: AudioDisplay, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="scrollList">
         <app-recordinglist [selectedRecordingFile]="selectedRecordingFile" [selectDisabled]="selectDisabled" (selectedRecordingFileChanged)="selectRecordingFile($event)"></app-recordinglist>
@@ -16275,7 +16422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         [playStopAction]="playStopAction"></app-audiodisplay>
     </div>
   `, styles: [".monospaced{font-family:monospace}.mat-cell,.mat-header-cell{padding-left:5px;padding-right:5px}.mat-card,.mat-card-header,.mat-card-content{width:auto}.flexForm{display:flex;flex-direction:column;width:auto}.flexFill{margin:0;width:100%;height:100%;min-width:100%;min-height:100%}\n", ":host{background-color:#ff0;position:relative;margin:0;padding:0;background:lightgrey;width:100%;flex:1;min-height:0px}\n", ".scrollList{margin:0;padding:0;background:lightgrey;width:100%;height:100%;overflow-y:auto}\n", ".collapsable{display:none;position:absolute;z-index:5}\n", ".collapsable.active{display:flex;position:absolute;bottom:0;height:90%;width:100%;overflow:hidden;padding:0;z-index:200;box-sizing:border-box;background-color:#0000}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }]; }, propDecorators: { recordingListComp: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; }, propDecorators: { recordingListComp: [{
                 type: ViewChild,
                 args: [RecordingList]
             }], selectDisabled: [{
@@ -16302,11 +16449,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 class AudioRecorder extends BasicRecorder {
-    constructor(bpo, changeDetectorRef, renderer, route, dialog, sessionService, recFileService, uploader, config) {
+    constructor(bpo, changeDetectorRef, renderer, dialog, sessionService, recFileService, uploader, config) {
         super(bpo, changeDetectorRef, dialog, sessionService, uploader, config);
         this.bpo = bpo;
         this.renderer = renderer;
-        this.route = route;
         this.recFileService = recFileService;
         this.uploader = uploader;
         this._project = null;
@@ -16351,38 +16497,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, {
@@ -16395,36 +16520,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 = () => this.controlAudioPlayer?.start();
-        }
+        this.transportActions.stopAction.onAction = () => this.stopItem();
+        this.transportActions.nextAction.onAction = () => this.stopItem();
+        //this.transportActions.pauseAction.onAction = () => this.pauseItem();
+        this.playStartAction.onAction = () => this.controlAudioPlayer?.start();
         this.uploader.listener = (ue) => {
             this.uploadUpdate(ue);
         };
@@ -16533,6 +16632,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;
             }
@@ -16733,7 +16835,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;
@@ -16776,7 +16878,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;
@@ -16821,7 +16923,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;
                             },
@@ -16858,7 +16960,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;
@@ -16997,7 +17099,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;
@@ -17029,7 +17131,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) => {
@@ -17076,7 +17178,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) => {
@@ -17095,7 +17197,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);
                     }
@@ -17115,7 +17217,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;
@@ -17130,7 +17232,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();
@@ -17214,7 +17316,7 @@ class AudioRecorder extends BasicRecorder {
         }
     }
 }
-AudioRecorder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioRecorder, deps: [{ token: i1$3.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$2.ActivatedRoute }, { token: i1$4.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+AudioRecorder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioRecorder, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$3.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
 AudioRecorder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AudioRecorder, selector: "app-audiorecorder", inputs: { projectName: "projectName", dataSaved: "dataSaved" }, host: { listeners: { "window:keypress": "onKeyPress($event)", "window:keydown": "onKeyDown($event)" } }, providers: [SessionService], viewQueries: [{ propertyName: "recorderCombiPane", first: true, predicate: RecorderCombiPane, descendants: true, static: true }, { propertyName: "liveLevelDisplay", first: true, predicate: LevelBar, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <app-warningbar [show]="isTestSession()" warningText="Test recording only!"></app-warningbar>
     <app-warningbar [show]="isDefaultAudioTestSession()"
@@ -17335,7 +17437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       </div>
     </div>
   `, styles: [":host{flex:2;background:lightgrey;display:flex;flex-direction:column;margin:0;padding:0;height:100%;min-height:0px;overflow:hidden}\n", ".ricontrols{padding:4px;box-sizing:border-box;height:100%}\n", ".dark{background:darkgray}\n", ".controlpanel{display:flex;flex-direction:row;align-content:center;align-items:center;margin:0;padding:20px;min-height:min-content}\n", ".startstop{width:100%;flex:1 0 30%;align-items:center;text-align:center;align-content:center}\n", ".startstopscreenxs{width:100%;flex:1 0 100%;align-items:center;text-align:center;align-content:center}\n", ".bigbutton{min-width:70px;min-height:50px;font-size:50px;border-radius:20px}\n", ".audioStatusDisplay{display:flex;flex-direction:row;height:100px;min-height:100px}\n", ".audioStatusDisplayXs{display:flex;flex-direction:column;height:125px;min-height:125px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$2.ActivatedRoute }, { type: i1$4.MatDialog }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$3.MatDialog }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
                     type: Inject,
                     args: [SPEECHRECORDER_CONFIG]
                 }] }]; }, propDecorators: { projectName: [{
@@ -17366,11 +17468,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) => {
@@ -17380,7 +17478,7 @@ class AudioRecorderComponent extends RecorderComponent {
             }
             else {
                 // all this attempts to customize the message do not work anymore (for security reasons)!!
-                var message = "Please do not leave the page, until all recordings are uploaded!";
+                const message = "Please do not leave the page, until all recordings are uploaded!";
                 alert(message);
                 e = e || window.event;
                 if (e) {
@@ -17480,7 +17578,7 @@ class AudioRecorderComponent extends RecorderComponent {
         return this.dataSaved && !this.ar.isActive();
     }
 }
-AudioRecorderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioRecorderComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: SpeechRecorderUploader }], target: i0.ɵɵFactoryTarget.Component });
+AudioRecorderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AudioRecorderComponent, deps: [{ token: i4$2.ActivatedRoute }, { token: i4$2.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: SpeechRecorderUploader }], target: i0.ɵɵFactoryTarget.Component });
 AudioRecorderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AudioRecorderComponent, selector: "app-audiorecorder-comp", providers: [SessionService], viewQueries: [{ propertyName: "ar", first: true, predicate: AudioRecorder, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <app-audiorecorder [projectName]="_project?.name" [dataSaved]="dataSaved"></app-audiorecorder>
   `, isInline: true, styles: [":host{flex:2;display:flex;height:100%;flex-direction:column;min-height:0}\n"], dependencies: [{ kind: "component", type: AudioRecorder, selector: "app-audiorecorder", inputs: ["projectName", "dataSaved"] }] });
@@ -17489,7 +17587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             args: [{ selector: 'app-audiorecorder-comp', providers: [SessionService], template: `
     <app-audiorecorder [projectName]="_project?.name" [dataSaved]="dataSaved"></app-audiorecorder>
   `, styles: [":host{flex:2;display:flex;height:100%;flex-direction:column;min-height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: SpeechRecorderUploader }]; }, propDecorators: { ar: [{
+        }], ctorParameters: function () { return [{ type: i4$2.ActivatedRoute }, { type: i4$2.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: SpeechRecorderUploader }]; }, propDecorators: { ar: [{
                 type: ViewChild,
                 args: [AudioRecorder, { static: true }]
             }] } });
@@ -17525,7 +17623,7 @@ class SpeechrecorderngModule {
 }
 SpeechrecorderngModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SpeechrecorderngModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngModule, declarations: [AudioSignal, Sonagram, ScrollPaneHorizontal, AudioClipUIContainer, AudioDisplayScrollPane, AudioDisplay, AudioDisplayPlayer, AudioDisplayControl, LevelBar, Progress, SimpleTrafficLight, Recinstructions, Prompter, PromptContainer, PromptingContainer, Prompting, StatusDisplay,
-        ProgressDisplay, RecordingItemDisplay, RecordingItemControls, UploadStatus, TransportPanel, WakeLockIndicator, ReadyStateIndicator, ControlPanel, WarningBar, AudioRecorder, SessionManager, MessageDialog, SessionFinishedDialog, SpeechrecorderngComponent, AudioRecorderComponent, RecordingFileViewComponent, RecordingFileUI, ScrollIntoViewDirective, RecordingFileNaviComponent, RecordingFileMetaComponent, RecordingList, RecorderCombiPane, AudioRecorder], imports: [i1$2.RouterModule, CommonModule, MatIconModule, MatButtonModule, MatDialogModule, MatProgressBarModule, MatProgressSpinnerModule, MatTooltipModule, HttpClientModule, MatCheckboxModule, MatCardModule, MatDividerModule, MatGridListModule, MatTableModule, MatInputModule, MatSelectModule, MatSnackBarModule, MatMenuModule], exports: [MessageDialog, SpeechrecorderngComponent, ScrollPaneHorizontal, AudioClipUIContainer, AudioDisplayScrollPane, AudioDisplay, AudioDisplayPlayer, AudioDisplayControl, LevelBar, AudioRecorder] });
+        ProgressDisplay, RecordingItemDisplay, RecordingItemControls, UploadStatus, TransportPanel, WakeLockIndicator, ReadyStateIndicator, ControlPanel, WarningBar, AudioRecorder, SessionManager, MessageDialog, SessionFinishedDialog, SpeechrecorderngComponent, AudioRecorderComponent, RecordingFileViewComponent, RecordingFileUI, ScrollIntoViewDirective, RecordingFileNaviComponent, RecordingFileMetaComponent, RecordingList, RecorderCombiPane, AudioRecorder], imports: [i4$2.RouterModule, CommonModule, MatIconModule, MatButtonModule, MatDialogModule, MatProgressBarModule, MatProgressSpinnerModule, MatTooltipModule, HttpClientModule, MatCheckboxModule, MatCardModule, MatDividerModule, MatGridListModule, MatTableModule, MatInputModule, MatSelectModule, MatSnackBarModule, MatMenuModule], exports: [MessageDialog, SpeechrecorderngComponent, ScrollPaneHorizontal, AudioClipUIContainer, AudioDisplayScrollPane, AudioDisplay, AudioDisplayPlayer, AudioDisplayControl, LevelBar, AudioRecorder] });
 SpeechrecorderngModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngModule, providers: [SessionService, ProjectService, ScriptService, RecordingService, RecordingFileService, SpeechRecorderUploader], imports: [RouterModule.forChild(SPR_ROUTES), CommonModule, MatIconModule, MatButtonModule, MatDialogModule, MatProgressBarModule, MatProgressSpinnerModule, MatTooltipModule, HttpClientModule, MatCheckboxModule, MatCardModule, MatDividerModule, MatGridListModule, MatTableModule, MatInputModule, MatSelectModule, MatSnackBarModule, MatMenuModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SpeechrecorderngModule, decorators: [{
             type: NgModule,
@@ -17538,7 +17636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
-const VERSION = '3.4.4';
+const VERSION = '3.6.0';
 
 /*
  * Public API Surface of speechrecorderng