view src/app/playback-control/playback-control.component.ts @ 426:8fee76ab8e90

Take a callback as a prop for performing an action when requesting an output

import {Component, OnInit} from '@angular/core';
import {AudioPlayerService} from '../services/audio-player/audio-player.service';

@Component({
  selector: 'ugly-playback-control',
  templateUrl: './playback-control.component.html',
  styleUrls: ['./playback-control.component.css']
})
export class PlaybackControlComponent implements OnInit {

  constructor(private audioService: AudioPlayerService) {
  }

  ngOnInit() {}

  emitPlayPause() {
    this.audioService.togglePlaying();
  }

  emitFastForward() {
    this.audioService.seekBy(5); // TODO this should probably be some dynamic amount based on the zoom level ala Sonic Visualiser
  }

  emitFastForwardEnd() {
    this.audioService.seekToEnd();
  }

  emitFastRewind() {
    this.audioService.seekBy(-5);
  }

  emitFastRewindStart() {
    this.audioService.seekToStart();
  }

  emitVolumeChanged(value: number) {
    this.audioService.setVolume(value);
  }


  // TODO seems wrong to be repeating myself
  isPlaying(): boolean {
    return this.audioService.isPlaying();
  }
}