fix: audio slider moves on time change (#1376)

dasch-swiss · Jan 23, 2024 · 0abdfc6 · 0abdfc6
1 parent 94e7a48
commit 0abdfc6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/apps/dsp-app/src/app/workspace/resource/representation/audio/audio.component.html b/apps/dsp-app/src/app/workspace/resource/representation/audio/audio.component.html
@@ -11,7 +11,7 @@
         </div>
         <div *ngIf="failedToLoad">Your browser does not support the audio element.</div>
         <div *ngIf="audio" class="audio-player">
-          <audio id="audio" preload="auto">
+          <audio id="audio" preload="auto" (timeupdate)="onTimeUpdate($event)">
             <source [src]="audio" type="audio/mpeg" />
           </audio>
         </div>

diff --git a/apps/dsp-app/src/app/workspace/resource/representation/audio/audio.component.ts b/apps/dsp-app/src/app/workspace/resource/representation/audio/audio.component.ts
@@ -66,12 +66,10 @@ export class AudioComponent implements OnInit, AfterViewInit {
 
   ngAfterViewInit() {
     this.loaded.emit(true);
-    const player = document.getElementById('audio') as HTMLAudioElement;
-    if (player) {
-      player.addEventListener('timeupdate', () => {
-        this.currentTime = player.currentTime;
-      });
-    }
+  }
+
+  onTimeUpdate(event: { target: HTMLAudioElement }) {
+    this.currentTime = event.target.currentTime;
   }
 
   togglePlay() {