Ionic 2/3でIonic Native Media Pluginを使用する方法

Question

私はionic 3アプリでメディアプラグインを実装しようと何時間も苦労してきました。私はIonicのドキュメントだけでなく、プラグインのドキュメントを見ていたが、両方はそれを実装する別の方法があるようだ。私がそれを動作させるための唯一の方法は以下の通りですが、これは間違った方法だと思います。コードはちょっと汚れて見えます！

home.ts：

import { Media, MediaObject } from '@ionic-native/media'; 

constructor(private media: Media) {} 

playAudio() { 
const radio: MediaObject = this.media.create('MY_URL'); 
radio.play(); 
} 

stopAudio() { 
const radio: MediaObject = this.media.create('MY_URL'); 
radio.stop(); 
} 

home.html：

<ion-content...> 

<button ion-button color="secondary" (click)="playAudio()">Play</button> 

<button ion-button color="secondary" (click)="playAudio()">Play</button> 

私は劇中で、再びの両方で二回（ストリームのURLを複製するために抱えています私はこれが正しい方法ではないことを知っている、誰かが助けてください。ありがとう！

Answer 1

なぜコンストラクタでラジオプロパティをインスタンス化しようとしませんか？

以下の答え

import { Media, MediaObject } from '@ionic-native/media'; 

export class MyComponent { 
    radio: MediaObject 

    constructor(private media: Media) { 
    this.radio = this.media.create('MY_URL'); 
    } 

    playAudio() { 
    this.radio.play(); 
    } 

    stopAudio() { 
    this.radio.stop(); 
    } 
} 

Answer 2

import { Media, MediaObject } from '@ionic-native/media'; 

export class MyComponent { 
radio: MediaObject 

constructor(private media: Media) {} 


playAudio() { 
this.radio = this.media.create('MY_URL'); 
this.radio.play(); 
    } 

stopAudio() { 
this.radio.stop(); 
    } 
}