speechrecorderng 2.24.2 → 2.25.0

package/fesm2020/speechrecorderng.mjs

@@ -19,6 +19,7 @@ import * as i1$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i3$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
+import { __decorate, __param } from 'tslib';
 import * as i1$3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i8 from '@angular/flex-layout/flex';
@@ -5657,98 +5658,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Output
             }] } });
 
-class Float32ArrayChunkerOutStream {
-    constructor(outStream) {
-        this.outStream = outStream;
-        this.bufs = new Array();
-        this._channels = 0;
-        this._chunkSize = 0;
-        this.filled = 0;
-        this.receivedFrames = 0;
-        this.sentFrames = 0;
-    }
-    createBuffers() {
-        this.bufs = new Array(this._channels);
-        for (let ch = 0; ch < this._channels; ch++) {
-            this.bufs[ch] = new Float32Array(this._chunkSize);
-        }
-    }
-    set chunkSize(chunkSize) {
-        this._chunkSize = chunkSize;
-        this.createBuffers();
-    }
-    set channels(channels) {
-        this._channels = channels;
-        this.createBuffers();
-    }
-    write(buffers) {
-        let copied = 0;
-        if (buffers.length > 0) {
-            let buffersLen = buffers[0].length;
-            this.receivedFrames += buffersLen;
-            let avail = buffersLen;
-            // Fill out buffers until all values copied
-            while (avail > 0) {
-                let toFill = this._chunkSize - this.filled;
-                if (toFill > avail) {
-                    toFill = avail;
-                }
-                let sliceEnd = copied + toFill;
-                // Firefox on Android sends only the first channel
-                for (let ch = 0; ch < buffersLen; ch++) {
-                    if (buffers[ch]) {
-                        let cpPrt = buffers[ch].slice(copied, sliceEnd);
-                        let buf = this.bufs[ch];
-                        buf.set(cpPrt, this.filled);
-                    }
-                }
-                copied += toFill;
-                avail -= toFill;
-                this.filled += toFill;
-                if (this.filled == this._chunkSize) {
-                    this.outStream.write(this.bufs);
-                    this.sentFrames += this.filled;
-                    this.filled = 0;
-                }
-            }
-        }
-        return copied;
-    }
-    flush() {
-        if (this.filled > 0) {
-            let restBufs = new Array(this._channels);
-            for (let ch = 0; ch < this._channels; ch++) {
-                restBufs[ch] = this.bufs[ch].slice(0, this.filled);
-            }
-            this.outStream.write(restBufs);
-            this.outStream.flush();
-            this.sentFrames += this.filled;
-            this.filled = 0;
-        }
-    }
-    close() {
-        this.outStream.close();
-    }
-}
-
-class SequenceAudioFloat32ChunkerOutStream extends Float32ArrayChunkerOutStream {
-    constructor(outStream, chunkDurationSeconds) {
-        super(outStream);
-        this.chunkDurationSeconds = chunkDurationSeconds;
-        this.sampleRate = null;
-        this.sequenceAudioFloat32OutStream = outStream;
-    }
-    setFormat(channels, sampleRate) {
-        this.channels = channels;
-        this.sampleRate = sampleRate;
-        this.chunkSize = Math.round(sampleRate * this.chunkDurationSeconds);
-        this.sequenceAudioFloat32OutStream.setFormat(channels, sampleRate);
-    }
-    nextStream() {
-        this.sequenceAudioFloat32OutStream.nextStream();
-    }
-}
-
 class SessionFinishedDialog {
     constructor(dialogRef, data) {
         this.dialogRef = dialogRef;
@@ -7275,23 +7184,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Input
             }] } });
 
+class Float32ArrayChunkerOutStream {
+    constructor(outStream) {
+        this.outStream = outStream;
+        this.bufs = new Array();
+        this._channels = 0;
+        this._chunkSize = 0;
+        this.filled = 0;
+        this.receivedFrames = 0;
+        this.sentFrames = 0;
+    }
+    createBuffers() {
+        this.bufs = new Array(this._channels);
+        for (let ch = 0; ch < this._channels; ch++) {
+            this.bufs[ch] = new Float32Array(this._chunkSize);
+        }
+    }
+    set chunkSize(chunkSize) {
+        this._chunkSize = chunkSize;
+        this.createBuffers();
+    }
+    get chunkSize() {
+        return this._chunkSize;
+    }
+    set channels(channels) {
+        this._channels = channels;
+        this.createBuffers();
+    }
+    get channels() {
+        return this._channels;
+    }
+    available() {
+        return this._chunkSize - this.filled;
+    }
+    write(buffers) {
+        let copied = 0;
+        if (buffers.length > 0) {
+            let buffersLen = buffers[0].length;
+            this.receivedFrames += buffersLen;
+            let avail = buffersLen;
+            // Fill out buffers until all values copied
+            while (avail > 0) {
+                let toFill = this._chunkSize - this.filled;
+                if (toFill > avail) {
+                    toFill = avail;
+                }
+                let sliceEnd = copied + toFill;
+                // Firefox on Android sends only the first channel
+                for (let ch = 0; ch < buffersLen; ch++) {
+                    if (buffers[ch]) {
+                        let cpPrt = buffers[ch].slice(copied, sliceEnd);
+                        let buf = this.bufs[ch];
+                        buf.set(cpPrt, this.filled);
+                    }
+                }
+                copied += toFill;
+                avail -= toFill;
+                this.filled += toFill;
+                if (this.filled == this._chunkSize) {
+                    this.outStream.write(this.bufs);
+                    this.sentFrames += this.filled;
+                    this.filled = 0;
+                }
+            }
+        }
+        return copied;
+    }
+    flush() {
+        if (this.filled > 0) {
+            let restBufs = new Array(this._channels);
+            for (let ch = 0; ch < this._channels; ch++) {
+                restBufs[ch] = this.bufs[ch].slice(0, this.filled);
+            }
+            this.outStream.write(restBufs);
+            this.outStream.flush();
+            this.sentFrames += this.filled;
+            this.filled = 0;
+        }
+    }
+    close() {
+        this.outStream.close();
+    }
+}
+
+class SequenceAudioFloat32ChunkerOutStream extends Float32ArrayChunkerOutStream {
+    constructor(outStream, chunkDurationSeconds) {
+        super(outStream);
+        this.chunkDurationSeconds = chunkDurationSeconds;
+        this.sampleRate = null;
+        this.sequenceAudioFloat32OutStream = outStream;
+    }
+    setFormat(channels, sampleRate) {
+        console.debug("SequenceAudioFloat32ChunkerOutStream:setFormat(channels: " + channels + ",sampleRate: " + sampleRate + ")");
+        this.channels = channels;
+        this.sampleRate = sampleRate;
+        this.chunkSize = Math.round(sampleRate * this.chunkDurationSeconds);
+        console.debug("SequenceAudioFloat32ChunkerOutStream: chunkSize: " + this.chunkSize);
+        this.sequenceAudioFloat32OutStream.setFormat(channels, sampleRate);
+    }
+    nextStream() {
+        this.sequenceAudioFloat32OutStream.nextStream();
+    }
+}
+/**
+ * Streams a SequenceAudioFloat32OutStream to multiple streams
+ */
+class SequenceAudioFloat32OutStreamMultiplier {
+    constructor() {
+        this._sequenceAudioFloat32OutStreams = new Array();
+    }
+    get sequenceAudioFloat32OutStreams() {
+        return this._sequenceAudioFloat32OutStreams;
+    }
+    setFormat(channels, sampleRate) {
+        for (let os of this._sequenceAudioFloat32OutStreams) {
+            os.setFormat(channels, sampleRate);
+        }
+    }
+    nextStream() {
+        for (let os of this._sequenceAudioFloat32OutStreams) {
+            os.nextStream();
+        }
+    }
+    close() {
+        for (let os of this._sequenceAudioFloat32OutStreams) {
+            os.close();
+        }
+    }
+    flush() {
+        for (let os of this._sequenceAudioFloat32OutStreams) {
+            os.flush();
+        }
+    }
+    write(buffers) {
+        let toWrite = buffers.length;
+        for (let os of this._sequenceAudioFloat32OutStreams) {
+            os.write(buffers);
+        }
+        return toWrite;
+    }
+}
+
 const FORCE_REQUEST_AUDIO_PERMISSIONS = false;
 const RECFILE_API_CTX = 'recfile';
 const MAX_RECORDING_TIME_MS = 1000 * 60 * 60 * 60; // 1 hour
 const LEVEL_BAR_INTERVALL_SECONDS = 0.1; // 100ms
-class BasicRecorder {
-    constructor(dialog, sessionService) {
+class ChunkManager {
+    constructor(chunkAudioBufferReceiver) {
+        this.chunkAudioBufferReceiver = chunkAudioBufferReceiver;
+        this.channels = 0;
+        this.sampleRate = -1;
+        this.chunkIdx = 0;
+    }
+    set recordingFile(value) {
+        this._rf = value;
+    }
+    close() {
+        // Nothing to do
+    }
+    flush() {
+        this.chunkAudioBufferReceiver.postAudioStreamEnd(this.chunkIdx);
+    }
+    nextStream() {
+        // reset chunk counter
+        this.chunkIdx = 0;
+        this.chunkAudioBufferReceiver.postAudioStreamStart();
+    }
+    setFormat(channels, sampleRate) {
+        this.channels = channels;
+        this.sampleRate = sampleRate;
+    }
+    write(buffers) {
+        let aCtx = AudioContextProvider.audioContextInstance();
+        let bChs = buffers.length;
+        let frameLen = 0;
+        if (aCtx && bChs > 0) {
+            frameLen = buffers[0].length;
+            let ad = aCtx.createBuffer(this.channels, frameLen, this.sampleRate);
+            for (let ch = 0; ch < this.channels; ch++) {
+                ad.copyToChannel(buffers[ch], ch);
+            }
+            this.chunkAudioBufferReceiver.postChunkAudioBuffer(ad, this.chunkIdx);
+            this.chunkIdx++;
+        }
+        return frameLen;
+    }
+}
+let BasicRecorder = class BasicRecorder {
+    constructor(dialog, sessionService, uploader, config) {
         this.dialog = dialog;
         this.sessionService = sessionService;
+        this.uploader = uploader;
+        this.config = config;
         this.statusMsg = '';
         this.statusWaiting = false;
         this.readonly = false;
+        this.rfUuid = null;
         this.processingRecording = false;
         this.ac = null;
         this._wakeLock = false;
         this._selectedDeviceId = undefined;
         this._channelCount = 2;
         this._session = null;
+        this.startedDate = null;
         this.uploadProgress = 100;
         this.uploadStatus = 'ok';
         this.audioSignalCollapsed = true;
@@ -7301,7 +7396,10 @@ class BasicRecorder {
         this.audioFetchSubscription = null;
         this.destroyed = false;
         this.navigationDisabled = true;
+        // Default: Do not try to keep the device awake
         this.noSleep = null;
+        // Default: Disabled chunked upload
+        this._uploadChunkSizeSeconds = null;
         this.userAgent = UserAgentBuilder.userAgent();
         console.debug("Detected platform: " + this.userAgent.detectedPlatform);
         console.debug("Detected browser: " + this.userAgent.detectedBrowser);
@@ -7311,6 +7409,16 @@ class BasicRecorder {
         this.streamLevelMeasure = new StreamLevelMeasure();
         this.selCaptureDeviceId = null;
     }
+    get uploadChunkSizeSeconds() {
+        return this._uploadChunkSizeSeconds;
+    }
+    set uploadChunkSizeSeconds(value) {
+        let oldValue = this.uploadChunkSizeSeconds;
+        this._uploadChunkSizeSeconds = value;
+        if (value !== oldValue) {
+            this.configureStreamCaptureStream();
+        }
+    }
     get wakeLock() {
         return this._wakeLock;
     }
@@ -7324,12 +7432,14 @@ class BasicRecorder {
             }
             if (!this.noSleep.isEnabled) {
                 this.noSleep.enable();
+                console.debug("Enabled wake lock.");
             }
         }
     }
     disableWakeLockCond() {
         if (this.noSleep && this.noSleep.isEnabled) {
             this.noSleep.disable();
+            console.debug("Disabled wake lock.");
         }
     }
     set audioDevices(audioDevices) {
@@ -7351,6 +7461,27 @@ class BasicRecorder {
         this.statusAlertType = 'info';
         this.statusMsg = 'Ready.';
     }
+    configureStreamCaptureStream() {
+        let outStream;
+        if (this.uploadChunkSizeSeconds) {
+            // Multiply the capture stream to...
+            let sasm = new SequenceAudioFloat32OutStreamMultiplier();
+            // ...upload audio data in chunks...
+            let chMng = new ChunkManager(this); // The chunk manager connects the chunked audio stream to this class to upload the chunks
+            let chOsUpload = new SequenceAudioFloat32ChunkerOutStream(chMng, this.uploadChunkSizeSeconds); // The audio stream chunker itself
+            sasm.sequenceAudioFloat32OutStreams.push(chOsUpload);
+            // ...and to measure the level
+            let chOsLvlMeas = new SequenceAudioFloat32ChunkerOutStream(this.streamLevelMeasure, LEVEL_BAR_INTERVALL_SECONDS);
+            sasm.sequenceAudioFloat32OutStreams.push(chOsLvlMeas);
+            outStream = sasm;
+        }
+        else {
+            outStream = new SequenceAudioFloat32ChunkerOutStream(this.streamLevelMeasure, LEVEL_BAR_INTERVALL_SECONDS);
+        }
+        if (this.ac) {
+            this.ac.audioOutStream = outStream;
+        }
+    }
     start() {
         this.statusAlertType = 'info';
         this.statusMsg = 'Starting session...';
@@ -7557,6 +7688,73 @@ class BasicRecorder {
             });
         }
     }
+    startItem() {
+        this.startedDate = null;
+        this.enableWakeLockCond();
+        this.rfUuid = UUID.generate();
+        this.transportActions.startAction.disabled = true;
+        this.transportActions.pauseAction.disabled = true;
+        if (this.readonly) {
+            return;
+        }
+    }
+    started() {
+        if (!this.startedDate) {
+            this.startedDate = new Date();
+        }
+        this.transportActions.startAction.disabled = true;
+    }
+    postRecording(wavFile, recUrl) {
+        let wavBlob = new Blob([wavFile], { type: 'audio/wav' });
+        let ul = new Upload(wavBlob, recUrl);
+        this.uploader.queueUpload(ul);
+    }
+    postAudioStreamStart() {
+        if (this.rfUuid) {
+            let apiEndPoint = '';
+            if (this.config && this.config.apiEndPoint) {
+                apiEndPoint = this.config.apiEndPoint;
+            }
+            if (apiEndPoint !== '') {
+                apiEndPoint = apiEndPoint + '/';
+            }
+            let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
+            let recUrl = sessionsUrl + '/' + this.session?.sessionId + '/' + RECFILE_API_CTX + '/' + this.rfUuid + '/prepareChunksRequest';
+            let fd = new FormData();
+            // Note: At least one parameter must be set
+            fd.set('uuid', this.rfUuid);
+            if (!this.startedDate) {
+                this.startedDate = new Date();
+            }
+            fd.set('startedDate', this.startedDate.toJSON());
+            let ul = new Upload(fd, recUrl);
+            this.uploader.queueUpload(ul);
+        }
+        else {
+            console.error("Recording file UUID not set!");
+        }
+    }
+    postAudioStreamEnd(chunkCount) {
+        if (this.rfUuid) {
+            let apiEndPoint = '';
+            if (this.config && this.config.apiEndPoint) {
+                apiEndPoint = this.config.apiEndPoint;
+            }
+            if (apiEndPoint !== '') {
+                apiEndPoint = apiEndPoint + '/';
+            }
+            let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
+            let recUrl = sessionsUrl + '/' + this.session?.sessionId + '/' + RECFILE_API_CTX + '/' + this.rfUuid + '/concatChunksRequest';
+            let fd = new FormData();
+            fd.set('uuid', this.rfUuid);
+            fd.set('chunkCount', chunkCount.toString());
+            let ul = new Upload(fd, recUrl);
+            this.uploader.queueUpload(ul);
+        }
+        else {
+            console.error("Recording file UUID not set!");
+        }
+    }
     closed() {
         this.statusAlertType = 'info';
         this.statusMsg = 'Session closed.';
@@ -7573,7 +7771,11 @@ class BasicRecorder {
             }
         });
     }
-}
+};
+BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS = 30;
+BasicRecorder = __decorate([
+    __param(3, Inject(SPEECHRECORDER_CONFIG))
+], BasicRecorder);
 
 /**
  * Created by klausj on 17.06.2017.
@@ -7883,7 +8085,7 @@ const DEFAULT_PRE_REC_DELAY = 1000;
 const DEFAULT_POST_REC_DELAY = 500;
 class SessionManager extends BasicRecorder {
     constructor(changeDetectorRef, renderer, dialog, sessionService, recFileService, uploader, config) {
-        super(dialog, sessionService);
+        super(dialog, sessionService, uploader, config);
         this.changeDetectorRef = changeDetectorRef;
         this.renderer = renderer;
         this.dialog = dialog;
@@ -7986,7 +8188,7 @@ class SessionManager extends BasicRecorder {
             if (this.ac) {
                 this.transportActions.startAction.onAction = () => this.startItem();
                 this.ac.listener = this;
-                this.ac.audioOutStream = new SequenceAudioFloat32ChunkerOutStream(this.streamLevelMeasure, LEVEL_BAR_INTERVALL_SECONDS);
+                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();
             }
@@ -8132,12 +8334,7 @@ class SessionManager extends BasicRecorder {
         }
     }
     startItem() {
-        this.enableWakeLockCond();
-        this.transportActions.startAction.disabled = true;
-        this.transportActions.pauseAction.disabled = true;
-        if (this.readonly) {
-            return;
-        }
+        super.startItem();
         this.transportActions.fwdAction.disabled = true;
         this.transportActions.fwdNextAction.disabled = true;
         this.transportActions.bwdAction.disabled = true;
@@ -8436,8 +8633,8 @@ class SessionManager extends BasicRecorder {
         }
     }
     started() {
+        super.started();
         this.status = 2 /* PRE_RECORDING */;
-        this.transportActions.startAction.disabled = true;
         this.startStopSignalState = 1 /* PRERECORDING */;
         if (this._session) {
             if (this._session.status === "LOADED") {
@@ -8606,7 +8803,7 @@ class SessionManager extends BasicRecorder {
                 rf = new SprRecordingFile(sessId, ic, it.recs.length, ad);
                 it.recs.push(rf);
             }
-            if (this.enableUploadRecordings) {
+            if (this.enableUploadRecordings && !this.uploadChunkSizeSeconds) {
                 // TODO use SpeechRecorderconfig resp. RecfileService
                 // convert asynchronously to 16-bit integer PCM
                 // TODO could we avoid conversion to save CPU resources and transfer float PCM directly?
@@ -8685,6 +8882,24 @@ class SessionManager extends BasicRecorder {
         }
         this.changeDetectorRef.detectChanges();
     }
+    postChunkAudioBuffer(audioBuffer, chunkIdx) {
+        this.processingRecording = true;
+        let ww = new WavWriter();
+        //new REST API URL
+        let apiEndPoint = '';
+        if (this.config && this.config.apiEndPoint) {
+            apiEndPoint = this.config.apiEndPoint;
+        }
+        if (apiEndPoint !== '') {
+            apiEndPoint = apiEndPoint + '/';
+        }
+        let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
+        let recUrl = sessionsUrl + '/' + this.session?.sessionId + '/' + RECFILE_API_CTX + '/' + this.promptItem.itemcode + '/' + this.rfUuid + '/' + chunkIdx;
+        ww.writeAsync(audioBuffer, (wavFile) => {
+            this.postRecording(wavFile, recUrl);
+            this.processingRecording = false;
+        });
+    }
     postRecording(wavFile, recUrl) {
         let wavBlob = new Blob([wavFile], { type: 'audio/wav' });
         let ul = new Upload(wavBlob, recUrl);
@@ -9179,6 +9394,13 @@ class SpeechrecorderngComponent extends RecorderComponent {
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
             this.sm.autoGainControlConfigs = project.autoGainControlConfigs;
+            if (project.chunkedRecording === true) {
+                console.debug("Enable chunked upload: chunkSize: " + BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS);
+                this.sm.uploadChunkSizeSeconds = BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS;
+            }
+            else {
+                this.sm.uploadChunkSizeSeconds = null;
+            }
         }
         else {
             console.error("Empty project configuration!");
@@ -10895,13 +11117,12 @@ class Item {
     }
 }
 class AudioRecorder extends BasicRecorder {
-    constructor(changeDetectorRef, renderer, route, dialog, projectService, sessionService, recFileService, uploader, config) {
-        super(dialog, sessionService);
+    constructor(changeDetectorRef, renderer, route, dialog, sessionService, recFileService, uploader, config) {
+        super(dialog, sessionService, uploader, config);
         this.changeDetectorRef = changeDetectorRef;
         this.renderer = renderer;
         this.route = route;
         this.dialog = dialog;
-        this.projectService = projectService;
         this.sessionService = sessionService;
         this.recFileService = recFileService;
         this.uploader = uploader;
@@ -10912,7 +11133,6 @@ class AudioRecorder extends BasicRecorder {
         this.enableDownloadRecordings = false;
         this.status = 0 /* BLOCKED */;
         this.dataSaved = true;
-        this.startedDate = null;
         this.maxRecTimerId = null;
         this.maxRecTimerRunning = false;
         this._promptIndex = null;
@@ -11003,7 +11223,7 @@ class AudioRecorder extends BasicRecorder {
             if (this.ac) {
                 this.transportActions.startAction.onAction = () => this.startItem();
                 this.ac.listener = this;
-                this.ac.audioOutStream = new SequenceAudioFloat32ChunkerOutStream(this.streamLevelMeasure, LEVEL_BAR_INTERVALL_SECONDS);
+                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();
             }
@@ -11030,23 +11250,6 @@ 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 == ' ') {
@@ -11150,6 +11353,12 @@ class AudioRecorder extends BasicRecorder {
             chCnt = ProjectUtil.audioChannelCount(project);
             console.info("Project requested recording channel count: " + chCnt);
             this.autoGainControlConfigs = project.autoGainControlConfigs;
+            if (project.chunkedRecording === true) {
+                this.uploadChunkSizeSeconds = BasicRecorder.DEFAULT_CHUNK_SIZE_SECONDS;
+            }
+            else {
+                this.uploadChunkSizeSeconds = null;
+            }
         }
         else {
             console.error("Empty project configuration!");
@@ -11249,12 +11458,7 @@ class AudioRecorder extends BasicRecorder {
         }
     }
     startItem() {
-        this.enableWakeLockCond();
-        this.transportActions.startAction.disabled = true;
-        this.transportActions.pauseAction.disabled = true;
-        if (this.readonly) {
-            return;
-        }
+        super.startItem();
         this.transportActions.fwdAction.disabled = true;
         this.transportActions.fwdNextAction.disabled = true;
         this.transportActions.bwdAction.disabled = true;
@@ -11406,8 +11610,7 @@ class AudioRecorder extends BasicRecorder {
         }
     }
     started() {
-        this.startedDate = new Date();
-        this.transportActions.startAction.disabled = true;
+        super.started();
         this.statusAlertType = 'info';
         this.statusMsg = 'Recording...';
         let maxRecordingTimeMs = MAX_RECORDING_TIME_MS;
@@ -11454,38 +11657,39 @@ class AudioRecorder extends BasicRecorder {
             if (this._session) {
                 sessId = this._session.sessionId;
             }
-            let rf = new RecordingFile(UUID.generate(), sessId, ad);
+            if (!this.rfUuid) {
+                this.rfUuid = UUID.generate();
+            }
+            let rf = new RecordingFile(this.rfUuid, sessId, ad);
             rf._startedAsDateObj = this.startedDate;
             if (rf._startedAsDateObj) {
                 rf.startedDate = rf._startedAsDateObj.toString();
             }
-            let apiEndPoint = '';
-            if (this.config && this.config.apiEndPoint) {
-                apiEndPoint = this.config.apiEndPoint;
-            }
-            if (apiEndPoint !== '') {
-                apiEndPoint = apiEndPoint + '/';
+            rf.frames = ad.length;
+            this.displayRecFile = rf;
+            this.recorderCombiPane.push(rf);
+            // Upload if upload enabled and not in chunked upload mode
+            if (this.enableUploadRecordings && !this.uploadChunkSizeSeconds) {
+                let apiEndPoint = '';
+                if (this.config && this.config.apiEndPoint) {
+                    apiEndPoint = this.config.apiEndPoint;
+                }
+                if (apiEndPoint !== '') {
+                    apiEndPoint = apiEndPoint + '/';
+                }
+                let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
+                let recUrl = sessionsUrl + '/' + rf.session + '/' + RECFILE_API_CTX + '/' + rf.uuid;
+                // convert asynchronously to 16-bit integer PCM
+                // TODO could we avoid conversion to save CPU resources and transfer float PCM directly?
+                // TODO duplicate conversion for manual download
+                this.processingRecording = true;
+                let ww = new WavWriter();
+                ww.writeAsync(ad, (wavFile) => {
+                    this.postRecordingMultipart(wavFile, rf.uuid, rf.session, rf._startedAsDateObj, recUrl);
+                    this.processingRecording = false;
+                    this.changeDetectorRef.detectChanges();
+                });
             }
-            let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
-            let recUrl = sessionsUrl + '/' + rf.session + '/' + RECFILE_API_CTX + '/' + rf.uuid;
-            //
-            //
-            //
-            //     // convert asynchronously to 16-bit integer PCM
-            //     // 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;
-            let ww = new WavWriter();
-            ww.writeAsync(ad, (wavFile) => {
-                rf.frames = ad.length;
-                this.displayRecFile = rf;
-                this.recorderCombiPane.push(rf);
-                this.postRecordingMultipart(wavFile, rf.uuid, rf.session, rf._startedAsDateObj, recUrl);
-                this.processingRecording = false;
-                this.changeDetectorRef.detectChanges();
-            });
-            // }
         }
         // check complete session
         let complete = true;
@@ -11496,11 +11700,6 @@ class AudioRecorder extends BasicRecorder {
         this.updateNavigationActions();
         this.changeDetectorRef.detectChanges();
     }
-    postRecording(wavFile, recUrl) {
-        let wavBlob = new Blob([wavFile], { type: 'audio/wav' });
-        let ul = new Upload(wavBlob, recUrl);
-        this.uploader.queueUpload(ul);
-    }
     postRecordingMultipart(wavFile, uuid, sessionId, startedDate, recUrl) {
         let wavBlob = new Blob([wavFile], { type: 'audio/wav' });
         let fd = new FormData();
@@ -11517,6 +11716,24 @@ class AudioRecorder extends BasicRecorder {
         let ul = new Upload(fd, recUrl);
         this.uploader.queueUpload(ul);
     }
+    postChunkAudioBuffer(audioBuffer, chunkIdx) {
+        this.processingRecording = true;
+        let ww = new WavWriter();
+        //new REST API URL
+        let apiEndPoint = '';
+        if (this.config && this.config.apiEndPoint) {
+            apiEndPoint = this.config.apiEndPoint;
+        }
+        if (apiEndPoint !== '') {
+            apiEndPoint = apiEndPoint + '/';
+        }
+        let sessionsUrl = apiEndPoint + SessionService.SESSION_API_CTX;
+        let recUrl = sessionsUrl + '/' + this.session?.sessionId + '/' + RECFILE_API_CTX + '/' + this.rfUuid + '/' + chunkIdx;
+        ww.writeAsync(audioBuffer, (wavFile) => {
+            this.postRecording(wavFile, recUrl);
+            this.processingRecording = false;
+        });
+    }
     stop() {
         if (this.ac) {
             this.ac.close();
@@ -11544,8 +11761,8 @@ class AudioRecorder extends BasicRecorder {
         }
     }
 }
-AudioRecorder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AudioRecorder, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$1.ActivatedRoute }, { token: i1$2.MatDialog }, { token: ProjectService }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-AudioRecorder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: AudioRecorder, selector: "app-audiorecorder", inputs: { _project: "_project", 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: `
+AudioRecorder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AudioRecorder, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1$1.ActivatedRoute }, { token: i1$2.MatDialog }, { token: SessionService }, { token: RecordingService }, { token: SpeechRecorderUploader }, { token: SPEECHRECORDER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+AudioRecorder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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()"
                     warningText="This test uses default audio device! Regular sessions may require a particular audio device (microphone)!"></app-warningbar>
@@ -11700,12 +11917,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
   }`
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$1.ActivatedRoute }, { type: i1$2.MatDialog }, { type: ProjectService }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$1.ActivatedRoute }, { type: i1$2.MatDialog }, { type: SessionService }, { type: RecordingService }, { type: SpeechRecorderUploader }, { type: SpeechRecorderConfig, decorators: [{
                     type: Inject,
                     args: [SPEECHRECORDER_CONFIG]
-                }] }]; }, propDecorators: { _project: [{
-                type: Input
-            }], projectName: [{
+                }] }]; }, propDecorators: { projectName: [{
                 type: Input
             }], recorderCombiPane: [{
                 type: ViewChild,
@@ -11723,7 +11938,7 @@ 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, uploader) {
+    constructor(injector, route, router, changeDetectorRef, sessionService, projectService, uploader) {
         super(uploader);
         this.injector = injector;
         this.route = route;
@@ -11731,7 +11946,6 @@ class AudioRecorderComponent extends RecorderComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.sessionService = sessionService;
         this.projectService = projectService;
-        this.recFilesService = recFilesService;
         this.uploader = uploader;
     }
     ngOnInit() {
@@ -11844,10 +12058,10 @@ class AudioRecorderComponent extends RecorderComponent {
         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 }, { token: SpeechRecorderUploader }], 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: 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"] }] });
+  `, isInline: true, styles: [":host{flex:2;display:flex;height:100%;flex-direction:column;min-height:0}\n"], components: [{ type: AudioRecorder, selector: "app-audiorecorder", inputs: ["projectName", "dataSaved"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AudioRecorderComponent, decorators: [{
             type: Component,
             args: [{
@@ -11865,7 +12079,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 }, { type: SpeechRecorderUploader }]; }, propDecorators: { ar: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i0.ChangeDetectorRef }, { type: SessionService }, { type: ProjectService }, { type: SpeechRecorderUploader }]; }, propDecorators: { ar: [{
                 type: ViewChild,
                 args: [AudioRecorder, { static: true }]
             }] } });
@@ -11914,7 +12128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
-const VERSION = '2.24.2';
+const VERSION = '2.25.0';
 
 /*
  * Public API Surface of speechrecorderng