如何在Ionic 2上录制和播放音频？

npm install -g ionic cordova

ionic start audioApp blank

cd audioApp
ionic cordova plugin add cordova-plugin-media

import { Injectable } from '@angular/core';
import { Media, MediaObject } from '@ionic-native/media';
import { Platform } from 'ionic-angular';

@Injectable()
export class AudioService {
  private media: MediaObject;

  constructor(private mediaPlugin: Media, private platform: Platform) {
    this.platform.ready().then(() => {
      this.media = this.mediaPlugin.create(this.getMediaFilePath());
    });
  }

  private getMediaFilePath(): string {
    if (this.platform.is('ios')) {
      return this.mediaPlugin.documentsDirectory.replace(/file:\/\//g, '') + 'audio.wav';
    } else if (this.platform.is('android')) {
      return this.mediaPlugin.externalDataDirectory + 'audio.wav';
    }
  }

  startRecording(): void {
    this.media.startRecord();
  }

  stopRecording(): void {
    this.media.stopRecord();
  }

  playRecording(): void {
    this.media.play();
  }

  stopPlaying(): void {
    this.media.stop();
  }
}

import { AudioService } from './audio.service';

@NgModule({
  // ...
  providers: [
    // ...
    AudioService
  ]
})
export class AppModule { }

import { Component } from '@angular/core';
import { AudioService } from '../../audio.service';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(private audioService: AudioService) {}

  startRecording(): void {
    this.audioService.startRecording();
  }

  stopRecording(): void {
    this.audioService.stopRecording();
  }

  playRecording(): void {
    this.audioService.playRecording();
  }

  stopPlaying(): void {
    this.audioService.stopPlaying();
  }
}

<ion-header>
  <ion-navbar>
    <ion-title>
      Audio App
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-button (click)="startRecording()">Start Recording</ion-button>
  <ion-button (click)="stopRecording()">Stop Recording</ion-button>
  <ion-button (click)="playRecording()">Play Recording</ion-button>
  <ion-button (click)="stopPlaying()">Stop Playing</ion-button>
</ion-content>