annotate src/app/playback-control/playback-control.component.html @ 32:6fb6c04878ec
wire up playback controls.
| author |
Lucas Thompson <dev@lucas.im> |
| date |
Wed, 30 Nov 2016 10:21:49 +0000 |
| parents |
a50f0b7a3da3 |
| children |
d5256e8309ab |
| rev |
line source |
|
dev@32
|
1 <button md-icon-button class="play" (click)="emitPlayPause()">
|
|
dev@32
|
2 <md-icon>
|
|
dev@32
|
3 <template [ngIf]="isPlaying()">pause_circle_outline</template>
|
|
dev@32
|
4 <template [ngIf]="!isPlaying()">play_circle_outline</template>
|
|
dev@32
|
5 </md-icon>
|
|
dev@27
|
6 </button>
|
|
dev@21
|
7 <span class="seek-controls">
|
|
dev@32
|
8 <button md-icon-button (click)="emitFastRewindStart()"><md-icon>skip_previous</md-icon></button>
|
|
dev@32
|
9 <button md-icon-button (click)="emitFastRewind()"><md-icon>fast_rewind</md-icon></button>
|
|
dev@32
|
10 <button md-icon-button (click)="emitFastForward()"><md-icon>fast_forward</md-icon></button>
|
|
dev@32
|
11 <button md-icon-button (click)="emitFastForwardEnd()"><md-icon>skip_next</md-icon></button>
|
|
dev@21
|
12 </span>
|
|
dev@32
|
13 <md-slider #volume
|
|
dev@32
|
14 (slide)="emitVolumeChanged(volume.percent)"
|
|
dev@32
|
15 (click)="emitVolumeChanged(volume.percent)"
|
|
dev@32
|
16 value="50">
|
|
dev@32
|
17 </md-slider>
|
