Open SimoneMSR opened 5 years ago
I use the onFinish output to update my view, and show a play/stop icon near the progress bar.
The problem is that the onFinish event is fired while the audio is still playing, and not when it's completed.
onFinish
Here's my HTML code
<img [src]=" (!song.track || !song.isPlaying) ? 'a.svg' : 'b.svg'"> <audio-track #providerTrack *ngIf="song.track != undefined " (onFinish)="songFinished($event)" [track]="song.track" > <audio-track-progress-bar dark duration progress [audioTrack]="providerTrack" [ngStyle]="{display: providerTrack.completed > 0 ? 'flex' : 'none'}"> </audio-track-progress-bar> </audio-track>
Here's my ts code
songFinished(track){ var song = this.songs.find(s => s.track && s.track.id == track.id); if(song && song.isPlaying){ setTimeout(()=>{ song.isPlaying=false; this.change.markForCheck(); }) } }
I use the onFinish output to update my view, and show a play/stop icon near the progress bar.
The problem is that the
onFinish
event is fired while the audio is still playing, and not when it's completed.Here's my HTML code
Here's my ts code