speechrecorderng 3.11.24 → 3.11.25

package/README.md

@@ -9,7 +9,7 @@ For backwards compatibility to server REST API v1 set the property `apiVersion:
 
 ### Install NPM package
 Speechrecorder module is available as NPM package.
-Add `"speechrecorderng": "3.11.23"` to the `dependencies` array property in the `package.json` file of your application. Run `npm install` to install the package.
+Add `"speechrecorderng": "3.11.25"` to the `dependencies` array property in the `package.json` file of your application. Run `npm install` to install the package.
 ### Module integration
 Add SpeechRecorderNg module to 'imports' property of your `AppModule` annotation. The module main component `SpeechRecorder` should be activated by an Angular route.
 

package/fesm2022/speechrecorderng.mjs

@@ -901,6 +901,9 @@ class AudioSourceNode extends AudioWorkletNode {
     static { this.DEFAULT_BUFFER_FILL_SECONDS = 10; }
     static { this.DEFAULT_STREAM_READ_FRAME_LEN = 1024; }
     static { this.QUANTUM_FRAME_LEN = 128; }
+    resetPlayPositionTime() {
+        this._playStartTime = null;
+    }
     get playPositionTime() {
         let ppt = null;
         if (this._playStartTime !== null) {
@@ -2648,6 +2651,12 @@ class AudioPlayer {
         }
         return this.context;
     }
+    _resetPlayPosition() {
+        this.playStartTime = null;
+        if (this.sourceAudioWorkletNode) {
+            this.sourceAudioWorkletNode.resetPlayPositionTime();
+        }
+    }
     get startAction() {
         return this._startAction;
     }
@@ -13663,6 +13672,7 @@ class SessionManager extends BasicRecorder {
         this._displayRecFile = displayRecFile;
     }
     updateDisplayRecFile(displayRecFile, fetchAndApplyRecordingFile = true) {
+        this.liveLevelDisplay.playFramePosition = null;
         this.displayRecFile = displayRecFile;
         if (this._displayRecFile) {
             if (this.items) {
@@ -14467,13 +14477,13 @@ class SessionManager extends BasicRecorder {
       [playSelectionAction]="controlAudioPlayer?.startSelectionAction"
       [autoPlayOnSelectToggleAction]="controlAudioPlayer?.autoPlayOnSelectToggleAction"
       [playStopAction]="controlAudioPlayer?.stopAction">
-    
+
     </app-sprprompting>
     @if (screenXs) {
       <mat-progress-bar [value]="progressPercentValue()" ></mat-progress-bar>
     }
-    
-    
+
+
     <div [class]="{audioStatusDisplay:!screenXs,audioStatusDisplayXs:screenXs}">
       <audio-levelbar style="flex:1 0 1%" [streamingMode]="isRecording() || keepLiveLevel" [displayLevelInfos]="displayAudioClip?.levelInfos"  [state]="liveLevelDisplayState"></audio-levelbar>
       <div style="display:flex;flex-direction: row">
@@ -14486,7 +14496,7 @@ class SessionManager extends BasicRecorder {
           [agc]="this.ac?.agcStatus"
           (onShowRecordingDetails)="audioSignalCollapsed=!audioSignalCollapsed">
         </spr-recordingitemcontrols>
-    
+
         @if (screenXs && enableUploadRecordings) {
           <app-uploadstatus class="ricontrols dark"  style="flex:0 0 0" [value]="uploadProgress"
           [status]="uploadStatus" [awaitNewUpload]="processingRecording"></app-uploadstatus>
@@ -14536,13 +14546,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
       [playSelectionAction]="controlAudioPlayer?.startSelectionAction"
       [autoPlayOnSelectToggleAction]="controlAudioPlayer?.autoPlayOnSelectToggleAction"
       [playStopAction]="controlAudioPlayer?.stopAction">
-    
+
     </app-sprprompting>
     @if (screenXs) {
       <mat-progress-bar [value]="progressPercentValue()" ></mat-progress-bar>
     }
-    
-    
+
+
     <div [class]="{audioStatusDisplay:!screenXs,audioStatusDisplayXs:screenXs}">
       <audio-levelbar style="flex:1 0 1%" [streamingMode]="isRecording() || keepLiveLevel" [displayLevelInfos]="displayAudioClip?.levelInfos"  [state]="liveLevelDisplayState"></audio-levelbar>
       <div style="display:flex;flex-direction: row">
@@ -14555,7 +14565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
           [agc]="this.ac?.agcStatus"
           (onShowRecordingDetails)="audioSignalCollapsed=!audioSignalCollapsed">
         </spr-recordingitemcontrols>
-    
+
         @if (screenXs && enableUploadRecordings) {
           <app-uploadstatus class="ricontrols dark"  style="flex:0 0 0" [value]="uploadProgress"
           [status]="uploadStatus" [awaitNewUpload]="processingRecording"></app-uploadstatus>
@@ -15385,6 +15395,9 @@ class AudioDisplayPlayer {
         if (this.ap && this.ap.playPositionFrames) {
             this.audioDisplayScrollPane.playFramePosition = this.ap.playPositionFrames;
         }
+        else {
+            this.audioDisplayScrollPane.playFramePosition = null;
+        }
     }
     audioPlayerUpdate(e) {
         if (EventType.STARTED === e.type) {
@@ -16734,7 +16747,7 @@ class RecordingList {
           <ng-container matColumnDef="startedDate">
             <th mat-header-cell *matHeaderCellDef mat-header>Started</th>
             <td mat-cell class="monospaced"
-                *matCellDef="let element">{{element.startedDate | date:'YYYY-MM-dd HH:mm:ss'}}</td>
+                *matCellDef="let element">{{element.startedDate | date:'yyyy-MM-dd HH:mm:ss'}}</td>
           </ng-container>
           <ng-container matColumnDef="length">
             <th mat-header-cell *matHeaderCellDef mat-header>Length</th>
@@ -16782,7 +16795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
           <ng-container matColumnDef="startedDate">
             <th mat-header-cell *matHeaderCellDef mat-header>Started</th>
             <td mat-cell class="monospaced"
-                *matCellDef="let element">{{element.startedDate | date:'YYYY-MM-dd HH:mm:ss'}}</td>
+                *matCellDef="let element">{{element.startedDate | date:'yyyy-MM-dd HH:mm:ss'}}</td>
           </ng-container>
           <ng-container matColumnDef="length">
             <th mat-header-cell *matHeaderCellDef mat-header>Length</th>
@@ -17236,6 +17249,7 @@ class AudioRecorder extends BasicRecorder {
     }
     set displayRecFile(displayRecFile) {
         //this.audioLoaded=false;
+        this.liveLevelDisplay.playFramePosition = null;
         this._displayRecFile = displayRecFile;
         if (this._displayRecFile) {
             let adh = this._displayRecFile.audioDataHolder;
@@ -17745,8 +17759,11 @@ class AudioRecorder extends BasicRecorder {
             const ppFrames = this._controlAudioPlayer.playPositionFrames;
             if (ppFrames !== null) {
                 this.recorderCombiPane.audioDisplay.playFramePosition = ppFrames;
-                this.liveLevelDisplay.playFramePosition = ppFrames;
             }
+            this.liveLevelDisplay.playFramePosition = ppFrames;
+        }
+        else {
+            this.liveLevelDisplay.playFramePosition = null;
         }
     }
     audioPlayerUpdate(e) {
@@ -17759,6 +17776,7 @@ class AudioRecorder extends BasicRecorder {
         else if (EventType.ENDED === e.type) {
             //.status='Ready.';
             window.clearInterval(this.updateTimerId);
+            this.updateControlPlaybackPosition();
         }
         if (!this.destroyed) {
             this.changeDetectorRef.detectChanges();
@@ -18109,7 +18127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     exports: [MessageDialog, SpeechrecorderngComponent, ScrollPaneHorizontal, AudioClipUIContainer, AudioDisplayScrollPane, AudioDisplay, AudioDisplayPlayer, AudioDisplayControl, LevelBar, AudioRecorder], imports: [RouterModule.forChild(SPR_ROUTES), CommonModule, MatIconModule, MatButtonModule, MatDialogModule, MatProgressBarModule, MatProgressSpinnerModule, MatTooltipModule, MatCheckboxModule, MatCardModule, MatDividerModule, MatGridListModule, MatTableModule, MatInputModule, MatSelectModule, MatSnackBarModule, MatMenuModule, IntersectionObserverDirective], providers: [SessionService, ProjectService, ScriptService, RecordingService, RecordingFileService, SpeechRecorderUploader, provideHttpClient(withInterceptorsFromDi())] }]
         }] });
 
-const VERSION = '3.11.24';
+const VERSION = '3.11.25';
 
 const SPEECHRECORDER_ENVIRONMENT_DEFAULTS = {
     production: false,