Mercurial > hg > ugly-duckling
annotate src/app/playback-control/playback-control.component.ts @ 32:6fb6c04878ec
wire up playback controls.
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Wed, 30 Nov 2016 10:21:49 +0000 |
parents | d9c0a1ca005c |
children | f6e58c2accb0 |
rev | line source |
---|---|
dev@32 | 1 import {Component, OnInit} from '@angular/core'; |
dev@32 | 2 import {AudioPlayerService} from "../services/audio-player.service"; |
dev@21 | 3 |
dev@21 | 4 @Component({ |
dev@21 | 5 selector: 'app-playback-control', |
dev@21 | 6 templateUrl: './playback-control.component.html', |
dev@21 | 7 styleUrls: ['./playback-control.component.css'] |
dev@21 | 8 }) |
dev@21 | 9 export class PlaybackControlComponent implements OnInit { |
dev@21 | 10 |
dev@32 | 11 constructor(private audioService: AudioPlayerService) { |
dev@32 | 12 } |
dev@21 | 13 |
dev@21 | 14 ngOnInit() { |
dev@21 | 15 } |
dev@21 | 16 |
dev@32 | 17 emitPlayPause() { |
dev@32 | 18 this.audioService.togglePlaying(); |
dev@32 | 19 } |
dev@32 | 20 |
dev@32 | 21 emitFastForward() { |
dev@32 | 22 this.audioService.seekBy(5); // TODO this should probably be some dynamic amount based on the zoom level ala Sonic Visualiser |
dev@32 | 23 } |
dev@32 | 24 |
dev@32 | 25 emitFastForwardEnd() { |
dev@32 | 26 this.audioService.seekToEnd(); |
dev@32 | 27 } |
dev@32 | 28 |
dev@32 | 29 emitFastRewind() { |
dev@32 | 30 this.audioService.seekBy(-5); |
dev@32 | 31 } |
dev@32 | 32 |
dev@32 | 33 emitFastRewindStart() { |
dev@32 | 34 this.audioService.seekToStart(); |
dev@32 | 35 } |
dev@32 | 36 |
dev@32 | 37 emitVolumeChanged(value: number) { |
dev@32 | 38 this.audioService.setVolume(value); |
dev@32 | 39 } |
dev@32 | 40 |
dev@32 | 41 |
dev@32 | 42 // TODO seems wrong to be repeating myself |
dev@32 | 43 isPlaying(): boolean { |
dev@32 | 44 return this.audioService.isPlaying(); |
dev@32 | 45 } |
dev@21 | 46 } |