在后台播放Ionic / Cordova媒体

时间:2019-02-24 23:11:24

标签: cordova youtube ionic4 background-mode

我从Ionic 4开始,我尝试创建一个可以在后台播放youtube等媒体(流)的应用。 我在home.page.ts中像这样使用了离子Youtube Video PlayerBackground Mode

import { Component } from '@angular/core';

import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';
import { BackgroundMode } from '@ionic-native/background-mode/ngx';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor(
    private youtube: YoutubeVideoPlayer,
    private backgroundMode: BackgroundMode
    ) {
  }

  openMyVideo(id:string) {

    this.backgroundMode.on("activate").subscribe(() => {
      this.backgroundMode.disableWebViewOptimizations();
    });

    this.backgroundMode.on("enable").subscribe(() => {
      this.youtube.openVideo(id);
    });

    this.backgroundMode.enable();
  }

}

这是我的home.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>
      YouTube Player
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <ion-button (click)="openMyVideo('xxxxxxxxxxx')">Open Video</ion-button>

</ion-content>

到目前为止,它可以运行,但是当我锁定屏幕(iOS和Andriod)时,视频停止了,但是我想继续播放。 是他们缺少的东西吗,还是我必须嵌入视频或其他东西?甚至有可能..?

预先感谢您的帮助!

0 个答案:

没有答案