Home

<button (click)="play($event)">Play</button>
<button (click)="stop($event)">Stop</button>
<button (click)="next($event)">Next</button>
<button (click)="prev($event)">Prev</button>
<button (click)="pause($event)">Pause/Resume</button>
<button (click)="add($event)">Add</button>
<button (click)="remove($event)">Remove</button>

@for (item of audio.list(); track item) {
  <div>
  @if ($index === audio.index()) {
    *
  }
  {{ item.track.file.filename }}
  </div>
}

<div>{{ audio.current()?.currentTime()}} / {{audio.current()?.duration()}} -> {{ audio.progress()}} %</div>