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(); 
    } 
}