Wie benutze ich das Ionic Native Media Plugin in Ionic 2/3

Question

Ich habe seit Stunden damit zu kämpfen, das Media Plugin in meiner ionic 3 App zu implementieren. Ich habe mir sowohl die ionischen Dokumente als auch die Plugin-Dokumente angeschaut, aber beide scheinen eine andere Art der Implementierung zu haben. Der einzige Weg, wie ich es zum Laufen bringen kann, ist das Folgende, aber ich denke, das ist der falsche Weg und der Code sieht einfach dreckig aus!

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> 

Ich habe die Stream-URL zweimal (beide im Spiel und wieder in die duplizieren Stop-Funktion) nur um es zur Arbeit zu bringen - ich weiß, das ist nicht der richtige Weg, jemand bitte helfen. Vielen Dank!

Answer 1

Warum versuchen Sie nicht, die Radio-Eigenschaft im Konstruktor zu instanziieren?

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