import { Component } from '@angular/core';
import { Router } from '@angular/router';

import { AlveoService } from '../alveo/shared/alveo.service';

@Component({
  selector: 'annotator',
  templateUrl: './annotator.component.html',
  styleUrls: ['./annotator.component.css'],
})

export class AnnotatorComponent {
  constructor(
    public router: Router,
    public alveoService: AlveoService,
  ) { }

  actionBack(): void {
    this.router.navigate(['./dataview']);
  }

  getClip(): any {
    return this.alveoService.audioData;
  }

  getClipName(): string {
    return "";
  }
}

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'annotator',
  templateUrl: './annotator.component.html',
  styleUrls: ['./annotator.component.css'],
})

export class AnnotatorComponent {
  constructor(
    public router: Router,
  ) { }

  actionBack(): void {
    this.router.navigate(['./dataview']);
  }

  getClip(): any {
    //return this.alveoService.audioData;
    return null;
  }

  getClipName(): string {
    return "";
  }
}

--- 
+++ 
@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
+
+import { AlveoService } from '../alveo/shared/alveo.service';
 
 @Component({
   selector: 'annotator',
@@ -10,6 +12,7 @@
 export class AnnotatorComponent {
   constructor(
     public router: Router,
+    public alveoService: AlveoService,
   ) { }
 
   actionBack(): void {
@@ -17,8 +20,7 @@
   }
 
   getClip(): any {
-    //return this.alveoService.audioData;
-    return null;
+    return this.alveoService.audioData;
   }
 
   getClipName(): string {
Call audioData from Alveo module (for now)
