1. **Player.component.html Content**
{{ songs[currentIndex].title }}
{{ songs[currentIndex].artist }}
{{ currentTime | date:'mm:ss' }}
{{ duration | date:'mm:ss' }}
<div class="buttons">
<button (click)="previous()">
<i class="fas fa-backward"></i>
</button>
<button (click)="playPause()">
<i class="fas" [ngClass]="{'fa-play': !isPlaying, 'fa-pause': isPlaying}"></i>
</button>
<button (click)="next()">
<i class="fas fa-forward"></i>
</button>
</div>
</div>
v 1.3
-
App.component.html Content
<app-player></app-player> <app-footer></app-footer>
-
Uploaded Files
player.component.html
(file-VjUaGmuLGcGk2U7zbmFC4wjq)app.component.ts
(file-vMsP3yqqRiqCuWcCczt12JFT)app-routing.module.ts
(file-X3LEWpeEbNjvC3WvxevRxzTG)app.module.ts
(file-gSbFpsptxV8zqNMJZloc3PqL)app.component.spec.ts
(file-1ZFLdoRBad3Wn8mcIqElFoGr)player.component.spec.ts
(file-0OZe7MWVZtUKXplbfWsDmewL)player.component.ts
(file-81re4NQnWwQu2x78TDMwHbqJ)app.component.html
(file-J5fmJjvE8Tfu76Mg3lD6kZnI)player.component.scss
(file-MsbZSvSkNSqeFGR4ZUrLbW9l)light.jpg
(file-rj4mcALdJaJWesM7Gm9AkPnc)