I am developing a streaming audio and video media app. For this i am using streaming media plugin. the media plugin play audio and video successfully…But i want two things in it…that’s not working… 1: firstly i want to add background image in audio player because streaming start on the next page…and also i need back button because ios phones have no back button. 2: Secondly i want to show google adds…i am using google admob plugin for this…but i don’t know how can i show adds on streaming screen and after streaming bacause there is no back routes … Please help me how can i implement these two issue…
** video streaming**
DoStreaming() {
console.log("streaming",this.streamingUrl);
let options: StreamingVideoOptions = {
successCallback: () => { console.log('Video played') },
errorCallback: (e) => { console.log("error streaming", e) },
orientation: 'landscape',
controls: true,
shouldAutoClose: false
};
this.streamingMedia.playVideo(this.streamingUrl, options);
}
** audio streaming**
DoStreamingRadio() {
let options: StreamingAudioOptions = {
successCallback: () => { console.log('Audio played') },
errorCallback: (e) => { console.log("error streaming", e) },
keepAwake: false,
bgImage: "assets/tv.png",
bgImageScale: "stretch"
//bgColor:'#8FBC8F'
};
this.streamingMedia.playAudio(this.streamingUrlRadio, options);
}
** functions where i access both video and audio streaming**
radio(){
this.redditService.DoStreamingRadio();
}
watchTV(){
this.redditService.DoStreaming();
}
** google addmob**
howBanner() {
let bannerConfig: AdMobFreeBannerConfig = {
isTesting: true, // Remove in production
autoShow: true,
id: "ca-app-pub-1474199829126409/2214530979"
};
this.admob.banner.config(bannerConfig);
this.admob.banner.prepare().then(() => {
// success
});
}
launchInterstitial() {
let interstitialConfig: AdMobFreeInterstitialConfig = {
isTesting: true, // Remove in production
autoShow: true,
id: "ca-app-pub-1474199829126409/6644730574"
};
this.admob.interstitial.config(interstitialConfig);
this.admob.interstitial.prepare().then(() => {
// success
});
}
** home page**
<ion-col>
<ion-img src="assets/tv.png" (click)="watchTV()" ></ion-img>
</ion-col>
<ion-col>
<ion-img src="assets/radio.png" (click)="radio()" ></ion-
img>
</ion-col>
i didn’t get any error but the background image is not shown…background color is shown perfectly…and i didn.t get adds
.
