我有离子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

你是对离子3和您使用支持离子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';

注意：

如果您使用的离子3，请按照V3导，而不是最新的指南。

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