speechrecorderng 2.23.9 → 2.24.2

package/fesm2020/speechrecorderng.mjs

@@ -22,6 +22,7 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i1$3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i8 from '@angular/flex-layout/flex';
+import NoSleep from 'nosleep.js';
 import * as i7 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { FlexLayoutModule } from '@angular/flex-layout';
@@ -1046,17 +1047,45 @@ class AudioCapture {
         this._opened = false;
     }
     audioBuffer() {
-        var frameLen = 0;
-        var ch0Data = this.data[0];
-        for (var ch0Chk of ch0Data) {
+        let frameLen = 0;
+        let ch0Data = this.data[0];
+        for (let ch0Chk of ch0Data) {
             frameLen += ch0Chk.length;
         }
-        var ab = this.context.createBuffer(this.channelCount, frameLen, this.context.sampleRate);
-        for (var ch = 0; ch < this.channelCount; ch++) {
-            var chD = ab.getChannelData(ch);
-            var pos = 0;
-            for (var chChk of this.data[ch]) {
-                var bufLen = chChk.length;
+        let ab;
+        try {
+            ab = this.context.createBuffer(this.channelCount, frameLen, this.context.sampleRate);
+        }
+        catch (err) {
+            if (err instanceof DOMException) {
+                if (err.name === 'NotSupportedError') {
+                    if (frameLen == 0) {
+                        // Empty buffers are not supported by Chromium
+                        // Create dummy buffer with one sample
+                        ab = this.context.createBuffer(this.channelCount, 1, this.context.sampleRate);
+                    }
+                    else {
+                        throw err;
+                    }
+                }
+                else {
+                    throw err;
+                }
+            }
+            else if (err instanceof RangeError) {
+                // Out of memory
+                // TODO What to do ??
+                throw err;
+            }
+            else {
+                throw err;
+            }
+        }
+        for (let ch = 0; ch < this.channelCount; ch++) {
+            let chD = ab.getChannelData(ch);
+            let pos = 0;
+            for (let chChk of this.data[ch]) {
+                let bufLen = chChk.length;
                 chD.set(chChk, pos);
                 pos += bufLen;
             }
@@ -7259,6 +7288,7 @@ class BasicRecorder {
         this.readonly = false;
         this.processingRecording = false;
         this.ac = null;
+        this._wakeLock = false;
         this._selectedDeviceId = undefined;
         this._channelCount = 2;
         this._session = null;
@@ -7271,6 +7301,7 @@ class BasicRecorder {
         this.audioFetchSubscription = null;
         this.destroyed = false;
         this.navigationDisabled = true;
+        this.noSleep = null;
         this.userAgent = UserAgentBuilder.userAgent();
         console.debug("Detected platform: " + this.userAgent.detectedPlatform);
         console.debug("Detected browser: " + this.userAgent.detectedBrowser);
@@ -7280,6 +7311,27 @@ class BasicRecorder {
         this.streamLevelMeasure = new StreamLevelMeasure();
         this.selCaptureDeviceId = null;
     }
+    get wakeLock() {
+        return this._wakeLock;
+    }
+    set wakeLock(value) {
+        this._wakeLock = value;
+    }
+    enableWakeLockCond() {
+        if (this.wakeLock === true) {
+            if (!this.noSleep) {
+                this.noSleep = new NoSleep();
+            }
+            if (!this.noSleep.isEnabled) {
+                this.noSleep.enable();
+            }
+        }
+    }
+    disableWakeLockCond() {
+        if (this.noSleep && this.noSleep.isEnabled) {
+            this.noSleep.disable();
+        }
+    }
     set audioDevices(audioDevices) {
         this._audioDevices = audioDevices;
     }
@@ -7872,6 +7924,7 @@ class SessionManager extends BasicRecorder {
         };
     }
     ngOnDestroy() {
+        this.disableWakeLockCond();
         this.destroyed = true;
         // TODO stop capture /playback
     }
@@ -8079,6 +8132,7 @@ class SessionManager extends BasicRecorder {
         }
     }
     startItem() {
+        this.enableWakeLockCond();
         this.transportActions.startAction.disabled = true;
         this.transportActions.pauseAction.disabled = true;
         if (this.readonly) {
@@ -8808,6 +8862,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             }] } });
 
 class RecorderComponent {
+    constructor(uploader) {
+        this.uploader = uploader;
+        this.dataSaved = true;
+    }
 }
 
 /**
@@ -8858,7 +8916,7 @@ var Mode;
 })(Mode || (Mode = {}));
 class SpeechrecorderngComponent extends RecorderComponent {
     constructor(route, router, changeDetectorRef, sessionsService, projectService, scriptService, recFilesService, uploader) {
-        super();
+        super(uploader);
         this.route = route;
         this.router = router;
         this.changeDetectorRef = changeDetectorRef;
@@ -8868,7 +8926,6 @@ class SpeechrecorderngComponent extends RecorderComponent {
         this.recFilesService = recFilesService;
         this.uploader = uploader;
         this._project = null;
-        this.dataSaved = true;
     }
     ngOnInit() {
         try {
@@ -8891,6 +8948,8 @@ class SpeechrecorderngComponent extends RecorderComponent {
         }
     }
     ngAfterViewInit() {
+        // let wakeLockSupp=('wakeLock' in navigator);
+        // alert('Wake lock API supported: '+wakeLockSupp);
         if (this.sm.status !== 8 /* ERROR */) {
             let initSuccess = this.init();
             if (initSuccess) {
@@ -8909,39 +8968,39 @@ class SpeechrecorderngComponent extends RecorderComponent {
         }
     }
     fetchSession(sessionId) {
-        //Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'statusMsg: Player initialized.'. Current value: 'statusMsg: Fetching session info...'.
-        // params.subscribe seems not to be asynchronous
-        // this.sm.statusAlertType='info';
-        // this.sm.statusMsg = 'Fetching session info...';
-        // this.sm.statusWaiting=true;
         let sessObs = this.sessionsService.sessionObserver(sessionId);
         if (sessObs) {
-            sessObs.subscribe(sess => {
-                this.setSession(sess);
-                this.sm.statusAlertType = 'info';
-                this.sm.statusMsg = 'Received session info.';
-                this.sm.statusWaiting = false;
-                if (sess.project) {
-                    //console.debug("Session associated project: "+sess.project)
-                    this.projectService.projectObservable(sess.project).subscribe(project => {
-                        this.project = project;
+            sessObs.subscribe({
+                next: sess => {
+                    this.setSession(sess);
+                    this.sm.statusAlertType = 'info';
+                    this.sm.statusMsg = 'Received session info.';
+                    this.sm.statusWaiting = false;
+                    if (sess.project) {
+                        //console.debug("Session associated project: "+sess.project)
+                        this.projectService.projectObservable(sess.project).subscribe({
+                            next: (project) => {
+                                this.project = project;
+                                this.fetchScript(sess);
+                            }, error: (reason) => {
+                                this.sm.statusMsg = reason;
+                                this.sm.statusAlertType = 'error';
+                                this.sm.statusWaiting = false;
+                                console.error("Error fetching project config: " + reason);
+                            }
+                        });
+                    }
+                    else {
+                        console.info("Session has no associated project. Using default configuration.");
                         this.fetchScript(sess);
-                    }, reason => {
-                        this.sm.statusMsg = reason;
-                        this.sm.statusAlertType = 'error';
-                        this.sm.statusWaiting = false;
-                        console.error("Error fetching project config: " + reason);
-                    });
+                    }
+                },
+                error: (reason) => {
+                    this.sm.statusMsg = reason;
+                    this.sm.statusAlertType = 'error';
+                    this.sm.statusWaiting = false;
+                    console.error("Error fetching session " + reason);
                 }
-                else {
-                    console.info("Session has no associated project. Using default configuration.");
-                    this.fetchScript(sess);
-                }
-            }, (reason) => {
-                this.sm.statusMsg = reason;
-                this.sm.statusAlertType = 'error';
-                this.sm.statusWaiting = false;
-                console.error("Error fetching session " + reason);
             });
         }
     }
@@ -8950,19 +9009,21 @@ class SpeechrecorderngComponent extends RecorderComponent {
             this.sm.statusAlertType = 'info';
             this.sm.statusMsg = 'Fetching recording script...';
             this.sm.statusWaiting = true;
-            this.scriptService.scriptObservable(sess.script).subscribe(script => {
-                this.sm.statusAlertType = 'info';
-                this.sm.statusMsg = 'Received recording script.';
-                this.sm.statusWaiting = false;
-                this.setScript(script);
-                this.sm.session = sess;
-                this.fetchRecordings(sess, this.script);
-            }, reason => {
-                let errMsg = "Error fetching recording script: " + reason;
-                console.error(errMsg);
-                this.sm.statusMsg = errMsg;
-                this.sm.statusAlertType = 'error';
-                this.sm.statusWaiting = false;
+            this.scriptService.scriptObservable(sess.script).subscribe({
+                next: (script) => {
+                    this.sm.statusAlertType = 'info';
+                    this.sm.statusMsg = 'Received recording script.';
+                    this.sm.statusWaiting = false;
+                    this.setScript(script);
+                    this.sm.session = sess;
+                    this.fetchRecordings(sess, this.script);
+                }, error: (reason) => {
+                    let errMsg = "Error fetching recording script: " + reason;
+                    console.error(errMsg);
+                    this.sm.statusMsg = errMsg;
+                    this.sm.statusAlertType = 'error';
+                    this.sm.statusWaiting = false;
+                }
             });
         }
         else {
@@ -8979,29 +9040,31 @@ class SpeechrecorderngComponent extends RecorderComponent {
         let prNm = null;
         if (this.project) {
             let rfsObs = this.recFilesService.recordingFileDescrList(this.project.name, sess.sessionId);
-            rfsObs.subscribe((rfs) => {
-                this.sm.statusAlertType = 'info';
-                this.sm.statusMsg = 'Received infos of recordings.';
-                this.sm.statusWaiting = false;
-                if (rfs) {
-                    if (rfs instanceof Array) {
-                        rfs.forEach((rf) => {
-                            //console.debug("Already recorded: " + rf+ " "+rf.recording.itemcode);
-                            this.sm.addRecordingFileByDescriptor(rf);
-                        });
+            rfsObs.subscribe({
+                next: (rfs) => {
+                    this.sm.statusAlertType = 'info';
+                    this.sm.statusMsg = 'Received infos of recordings.';
+                    this.sm.statusWaiting = false;
+                    if (rfs) {
+                        if (rfs instanceof Array) {
+                            rfs.forEach((rf) => {
+                                //console.debug("Already recorded: " + rf+ " "+rf.recording.itemcode);
+                                this.sm.addRecordingFileByDescriptor(rf);
+                            });
+                        }
+                        else {
+                            console.error('Expected type array for list of already recorded files ');
+                        }
                     }
                     else {
-                        console.error('Expected type array for list of already recorded files ');
+                        //console.debug("Recording file list: " + rfs);
                     }
+                }, error: (err) => {
+                    // we start the session anyway
+                    this.startSession();
+                }, complete: () => {
+                    this.startSession();
                 }
-                else {
-                    //console.debug("Recording file list: " + rfs);
-                }
-            }, () => {
-                // we start the session anyway
-                this.startSession();
-            }, () => {
-                this.startSession();
             });
         }
         else {
@@ -9024,36 +9087,10 @@ class SpeechrecorderngComponent extends RecorderComponent {
         return this.dataSaved && !this.sm.isActive();
     }
     init() {
-        var n = navigator;
-        //var getUserMediaFnct= n.getUserMedia || n.webkitGetUserMedia ||
-        //	n.mozGetUserMedia || n.msGetUserMedia;
-        var w = window;
-        // TODO test onyl !!
-        // let debugFail=true;
-        // 	AudioContext = w.AudioContext || w.webkitAudioContext;
-        // 	if (typeof AudioContext !== 'function' || debugFail) {
-        //           this.sm.statusAlertType='error';
-        // 		this.sm.statusMsg = 'ERROR: Browser does not support Web Audio API!';
-        // 		return false;
-        // 	} else {
-        // 		var context = new AudioContext();
-        //
-        // 		if (typeof navigator.mediaDevices.getUserMedia !== 'function') {
-        //               this.sm.statusAlertType='error';
-        // 			this.sm.statusMsg= 'ERROR: Browser does not support Media streams!';
-        //     return false;
-        // 		} else {
-        //
-        //this.sm = new SessionManager(new SimpleTrafficLight(), this.uploader);
-        //this.sm.init();
-        //this.ap = new AudioPlayer(context,this);
-        //this.sm.listener=this;
-        //	}
-        //	}
+        //TODO Duplicate code in AudioRecorderComponent
         this.uploader.listener = (ue) => {
             this.uploadUpdate(ue);
         };
-        //TODO Duplicate code in AudioRecorderComponent
         window.addEventListener('beforeunload', (e) => {
             console.debug("Before page unload event");
             if (this.ready()) {
@@ -9135,6 +9172,9 @@ class SpeechrecorderngComponent extends RecorderComponent {
         let chCnt = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
         if (project) {
             console.info("Project name: " + project.name);
+            if (project.recordingDeviceWakeLock === true) {
+                this.sm.wakeLock = true;
+            }
             this.sm.audioDevices = project.audioDevices;
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
@@ -9175,50 +9215,7 @@ class SpeechrecorderngComponent extends RecorderComponent {
             pLoader.send();
         }
     }
-    // loadScript(callback: ()=>any){
-    //   var scrLoader = new XMLHttpRequest();
-    //   let hn:string =window.location.hostname;
-    //   let pn:string =window.location.pathname;
-    //   let pr:string =window.location.protocol;
-    //   let po:string =window.location.port;
-    //
-    //   let sessionId:string=this.session.sessionId;
-    //
-    //     let scrUrl:string | null = null;
-    //
-    //     if (hn === 'localhost'  || this.mode===Mode.DEMO) {
-    //         // local debug mode
-    //         // FF caches
-    //         scrUrl = 'test/' + this.session.script.toString() + '.json?' + new Date().getTime();
-    //
-    //     } else {
-    //         let scrPath:string = '/wikispeech/session/scripts/servlet';
-    //         let scrQu:string = 'sessionId=' + sessionId;
-    //         scrUrl = pr + '//' + hn + ':' + po + scrPath;
-    //         if (scrQu) {
-    //             scrUrl = scrUrl + '?' + scrQu;
-    //         }
-    //     }
-    //
-    //   scrLoader.open("GET",scrUrl , true);
-    //   scrLoader.setRequestHeader('Accept','application/json');
-    //   scrLoader.responseType = "json";
-    //   scrLoader.onload = (e) => {
-    //
-    //     this.script = scrLoader.response;
-    //
-    //
-    //     this.sm.script = this.script;
-    //
-    //     callback();
-    //   }
-    //   scrLoader.onerror = (e) => {
-    //     console.log("Error downloading recording script data ...");
-    //   }
-    //   scrLoader.send();
-    // }
     start() {
-        //this.configure();
     }
     audioPlayerUpdate(e) {
         if (EventType.STARTED === e.type) {
@@ -10940,11 +10937,14 @@ class AudioRecorder extends BasicRecorder {
             this.peakLevelInDb = peakLvlInDb;
             this.changeDetectorRef.detectChanges();
         };
+        //let wakeLockSupp=('wakeLock' in navigator);
+        //alert('Wake lock API supported: '+wakeLockSupp);
     }
     ready() {
         return this.dataSaved && !this.isActive();
     }
     ngOnDestroy() {
+        this.disableWakeLockCond();
         this.destroyed = true;
         // TODO stop capture /playback
     }
@@ -11030,6 +11030,23 @@ class AudioRecorder extends BasicRecorder {
         this.uploader.listener = (ue) => {
             this.uploadUpdate(ue);
         };
+        let wakeLockSupp = ('wakeLock' in navigator);
+        // if(wakeLockSupp) {
+        //   let wakeLock = null;
+        //   try {
+        //     //@ts-ignore
+        //     wakeLock = navigator.wakeLock.request('screen');
+        //
+        //     //statusElem.textContent = 'Wake Lock is active!';
+        //   } catch (err) {
+        //     // The Wake Lock request has failed - usually system related, such as battery.
+        //     console.error('Wakelock failed'+err)
+        //   }
+        // }else{
+        //   let noSleep=new NoSleep();
+        //   noSleep.enable();
+        //
+        // }
     }
     onKeyPress(ke) {
         if (ke.key == ' ') {
@@ -11082,36 +11099,36 @@ class AudioRecorder extends BasicRecorder {
         let prNm = null;
         if (this.project) {
             let rfsObs = this.recFileService.recordingFileList(this.project.name, sess.sessionId);
-            rfsObs.subscribe((rfs) => {
-                this.statusAlertType = 'info';
-                this.statusMsg = 'Received infos of recordings.';
-                this.statusWaiting = false;
-                if (rfs) {
-                    if (rfs instanceof Array) {
-                        rfs.forEach((rf) => {
-                            if (rf.startedDate) {
-                                rf._startedAsDateObj = new Date(rf.startedDate);
-                            }
-                            if (rf.date) {
-                                rf._dateAsDateObj = new Date(rf.date);
-                            }
-                            this.recorderCombiPane.push(rf);
-                        });
+            rfsObs.subscribe({ next: (rfs) => {
+                    this.statusAlertType = 'info';
+                    this.statusMsg = 'Received infos of recordings.';
+                    this.statusWaiting = false;
+                    if (rfs) {
+                        if (rfs instanceof Array) {
+                            rfs.forEach((rf) => {
+                                if (rf.startedDate) {
+                                    rf._startedAsDateObj = new Date(rf.startedDate);
+                                }
+                                if (rf.date) {
+                                    rf._dateAsDateObj = new Date(rf.date);
+                                }
+                                this.recorderCombiPane.push(rf);
+                            });
+                        }
+                        else {
+                            console.error('Expected type array for list of already recorded files ');
+                        }
                     }
                     else {
-                        console.error('Expected type array for list of already recorded files ');
+                        //console.debug("Recording file list: " + rfs);
                     }
-                }
-                else {
-                    //console.debug("Recording file list: " + rfs);
-                }
-            }, () => {
-                // Failed fetching existing, but we start the session anyway
-                this.start();
-            }, () => {
-                // Normal start
-                this.start();
-            });
+                }, error: (err) => {
+                    // Failed fetching existing, but we start the session anyway
+                    this.start();
+                }, complete: () => {
+                    // Normal start
+                    this.start();
+                } });
         }
         else {
             // No project def -> error
@@ -11126,6 +11143,9 @@ class AudioRecorder extends BasicRecorder {
         let chCnt = ProjectUtil.DEFAULT_AUDIO_CHANNEL_COUNT;
         if (project) {
             console.info("Project name: " + project.name);
+            if (project.recordingDeviceWakeLock === true) {
+                this.wakeLock = true;
+            }
             this.audioDevices = project.audioDevices;
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
@@ -11229,6 +11249,7 @@ class AudioRecorder extends BasicRecorder {
         }
     }
     startItem() {
+        this.enableWakeLockCond();
         this.transportActions.startAction.disabled = true;
         this.transportActions.pauseAction.disabled = true;
         if (this.readonly) {
@@ -11419,24 +11440,6 @@ class AudioRecorder extends BasicRecorder {
             this.ac.stop();
         }
     }
-    // addRecordingFileByDescriptor(rfd:RecordingFileDescriptorImpl){
-    //    let prIdx=0;
-    //    if(this.items) {
-    //      let it = this.items[prIdx];
-    //      if (it) {
-    //        if (!it.recs) {
-    //          it.recs = new Array<SprRecordingFile>();
-    //        }
-    //
-    //      } else {
-    //        //console.debug("WARN: No recording item with code: \"" +rfd.recording.itemcode+ "\" found.");
-    //      }
-    //    }
-    // }
-    //
-    // addRecordingFileByPromptIndex(promptIndex:number, rf:SprRecordingFile){
-    //
-    // }
     stopped() {
         this.updateStartActionDisableState();
         this.transportActions.stopAction.disabled = true;
@@ -11475,11 +11478,8 @@ class AudioRecorder extends BasicRecorder {
             this.processingRecording = true;
             let ww = new WavWriter();
             ww.writeAsync(ad, (wavFile) => {
-                //this.postRecording(wavFile, recUrl);
-                //rf._dateAsDateObj=new Date();
                 rf.frames = ad.length;
                 this.displayRecFile = rf;
-                //this.recordingListComp.recordingList.push(rf);
                 this.recorderCombiPane.push(rf);
                 this.postRecordingMultipart(wavFile, rf.uuid, rf.session, rf._startedAsDateObj, recUrl);
                 this.processingRecording = false;
@@ -11723,8 +11723,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 args: ['window:keydown', ['$event']]
             }] } });
 class AudioRecorderComponent extends RecorderComponent {
-    constructor(injector, route, router, changeDetectorRef, sessionService, projectService, recFilesService) {
-        super();
+    constructor(injector, route, router, changeDetectorRef, sessionService, projectService, recFilesService, uploader) {
+        super(uploader);
         this.injector = injector;
         this.route = route;
         this.router = router;
@@ -11732,7 +11732,7 @@ class AudioRecorderComponent extends RecorderComponent {
         this.sessionService = sessionService;
         this.projectService = projectService;
         this.recFilesService = recFilesService;
-        this.dataSaved = true;
+        this.uploader = uploader;
     }
     ngOnInit() {
         //super.ngOnInit();
@@ -11767,6 +11767,9 @@ class AudioRecorderComponent extends RecorderComponent {
         });
     }
     ngAfterViewInit() {
+        this.uploader.listener = (ue) => {
+            this.uploadUpdate(ue);
+        };
         this.route.queryParams.subscribe((params) => {
             if (params['sessionId']) {
                 this.fetchSession(params['sessionId']);
@@ -11783,47 +11786,65 @@ class AudioRecorderComponent extends RecorderComponent {
         //super.ngOnDestroy();
     }
     fetchSession(sessionId) {
-        //Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'statusMsg: Player initialized.'. Current value: 'statusMsg: Fetching session info...'.
-        // params.subscribe seems not to be asynchronous
-        // this.sm.statusAlertType='info';
-        // this.sm.statusMsg = 'Fetching session info...';
-        // this.sm.statusWaiting=true;
         let sessObs = this.sessionService.sessionObserver(sessionId);
         if (sessObs) {
-            sessObs.subscribe(sess => {
-                this.ar.statusAlertType = 'info';
-                this.ar.statusMsg = 'Received session info.';
-                this.ar.statusWaiting = false;
-                this.session = sess;
-                this.ar.session = sess;
-                if (sess.project) {
-                    //console.debug("Session associated project: "+sess.project)
-                    this.projectService.projectObservable(sess.project).subscribe(project => {
-                        this.ar.project = project;
-                        this.ar.fetchRecordings(sess);
-                    }, reason => {
-                        this.ar.statusMsg = reason;
-                        this.ar.statusAlertType = 'error';
-                        this.ar.statusWaiting = false;
-                        console.error("Error fetching project config: " + reason);
-                    });
-                }
-                else {
-                    console.info("Session has no associated project. Using default configuration.");
+            sessObs.subscribe({
+                next: (sess) => {
+                    this.ar.statusAlertType = 'info';
+                    this.ar.statusMsg = 'Received session info.';
+                    this.ar.statusWaiting = false;
+                    this.session = sess;
+                    this.ar.session = sess;
+                    if (sess.project) {
+                        //console.debug("Session associated project: "+sess.project)
+                        this.projectService.projectObservable(sess.project).subscribe({
+                            next: (project) => {
+                                this.ar.project = project;
+                                this.ar.fetchRecordings(sess);
+                            }, error: (reason) => {
+                                this.ar.statusMsg = reason;
+                                this.ar.statusAlertType = 'error';
+                                this.ar.statusWaiting = false;
+                                console.error("Error fetching project config: " + reason);
+                            }
+                        });
+                    }
+                    else {
+                        console.info("Session has no associated project. Using default configuration.");
+                    }
+                },
+                error: (reason) => {
+                    this.ar.statusMsg = reason;
+                    this.ar.statusAlertType = 'error';
+                    this.ar.statusWaiting = false;
+                    console.error("Error fetching session " + reason);
                 }
-            }, (reason) => {
-                this.ar.statusMsg = reason;
-                this.ar.statusAlertType = 'error';
-                this.ar.statusWaiting = false;
-                console.error("Error fetching session " + reason);
             });
         }
     }
+    uploadUpdate(ue) {
+        let upStatus = ue.status;
+        this.dataSaved = (UploaderStatus.DONE === upStatus);
+        let percentUpl = ue.percentDone();
+        if (UploaderStatus.ERR === upStatus) {
+            this.ar.uploadStatus = 'warn';
+        }
+        else {
+            if (percentUpl < 50) {
+                this.ar.uploadStatus = 'accent';
+            }
+            else {
+                this.ar.uploadStatus = 'success';
+            }
+            this.ar.uploadProgress = percentUpl;
+        }
+        this.changeDetectorRef.detectChanges();
+    }
     ready() {
         return this.dataSaved && !this.ar.isActive();
     }
 }
-AudioRecorderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AudioRecorderComponent, deps: [{ token: i0.Injector }, { token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: RecordingService }], target: i0.ɵɵFactoryTarget.Component });
+AudioRecorderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AudioRecorderComponent, deps: [{ token: i0.Injector }, { token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: i0.ChangeDetectorRef }, { token: SessionService }, { token: ProjectService }, { token: RecordingService }, { token: SpeechRecorderUploader }], target: i0.ɵɵFactoryTarget.Component });
 AudioRecorderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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"], components: [{ type: AudioRecorder, selector: "app-audiorecorder", inputs: ["_project", "projectName", "dataSaved"] }] });
@@ -11844,7 +11865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
   }`]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: RecordingService }]; }, propDecorators: { ar: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: RecordingService }, { type: SpeechRecorderUploader }]; }, propDecorators: { ar: [{
                 type: ViewChild,
                 args: [AudioRecorder, { static: true }]
             }] } });
@@ -11893,7 +11914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
-const VERSION = '2.23.9';
+const VERSION = '2.24.2';
 
 /*
  * Public API Surface of speechrecorderng