我在ionic 3应用程序中显示媒体时遇到问题

Question

我正在构建一个应用程序，要为其显示实时流媒体，但出现错误。

这是我的代码：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { StreamingMedia, StreamingVideoOptions } from '@ionic- 
 native/streaming-media/ngx';

@IonicPage()
@Component({
selector: 'page-tv',
 templateUrl: 'tv.html',
})
 export class TvPage {
 constructor(public streamingMedia: StreamingMedia) { 

 let options: StreamingVideoOptions = {
 successCallback: () => { console.log('Video played') },
 errorCallback: (e) => { console.log('Error streaming') },
 orientation: 'landscape',
 shouldAutoClose: true,
 controls: false
};
this.streamingMedia.playVideo('rtmp://103.130.178.29:1075/ntv/live/live1', 
options);
}
}

Answer 1

您使用的是Ionic 3，并且您正在使用Ionic 4支持的本机插件版本（版本> = 5.0.0）。请卸载插件，

$ ionic cordova plugin remove cordova-plugin-streaming-media
$ npm uninstall @ionic-native/streaming-media

并安装版本 4 。

$ ionic cordova plugin add cordova-plugin-streaming-media
$ npm install --save @ionic-native/streaming-media@4

并导入时不添加 ngx

import { StreamingMedia, StreamingVideoOptions } from '@ionic-native/streaming-media';

注意：

如果您使用的是Ionic 3，请遵循v3指南而不是最新指南。

https://ionicframework.com/docs/v3/native/streaming-media/