我从Ionic 4开始,我尝试创建一个可以在后台播放youtube等媒体(流)的应用。
我在home.page.ts
中像这样使用了离子Youtube Video Player和Background 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)时,视频停止了,但是我想继续播放。 是他们缺少的东西吗,还是我必须嵌入视频或其他东西?甚至有可能..?
预先感谢您的帮助!