dev@16: import {
dev@16:   Component, OnInit, ViewChild, ElementRef, Output,
dev@19:   EventEmitter, NgZone
dev@16: } from '@angular/core';
dev@13: 
dev@13: @Component({
dev@13:   selector: 'app-audio-file-open',
dev@13:   templateUrl: './audio-file-open.component.html',
dev@13:   styleUrls: ['./audio-file-open.component.css']
dev@13: })
dev@13: export class AudioFileOpenComponent implements OnInit {
dev@13: 
dev@13:   @ViewChild('open') open: ElementRef;
dev@30:   @Output() fileOpened: EventEmitter<File>;
dev@13: 
dev@30:   constructor() {
dev@30:     this.fileOpened = new EventEmitter<File>();
dev@15:   }
dev@13: 
dev@13:   ngOnInit() {
dev@13:   }
dev@13: 
dev@15:   decodeAudio(files: FileList) {
dev@15:     if (files.length > 0) {
dev@30:       this.fileOpened.emit(files[0]);
dev@15:     }
dev@13:   }
dev@13: 
dev@13:   openAudioDialog() {
dev@13:     this.open.nativeElement.click();
dev@13:   }
dev@13: }