Question

我一直在努力在我的离子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>

我不得不两次复制流网址（在游戏中和停止功能中再次）只是为了让它发挥作用 - 我知道这不是正确的方法，有人请你协助。谢谢！

Answer 1

为什么不尝试在构造函数中实例化radio属性？

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

如何在Ionic 2/3中使用Ionic Native Media插件

2 个答案: